今天给大家分享一篇比较基础的操作，数据表窗体如何排序

我们做数据表窗体时，在实际操作中我们发现数据可能会不按顺序排列，如下：

下面，我来给大家介绍两个常用的排序方式。

01

方法一

在窗体的属性“排序依据”输入排序的字段名字，如果是要倒序则输入“箱号 DESC“

来看一下窗体运行的结果 ，如下图，大家可以看到箱号上有一个向上的排序箭头

02

方法二

直接在窗体的记录源里写SQL语句，如果是倒序则SQL语句为"select * from 集装箱 order by 箱号 desc "

运行的结果也是一样的，如下图，这里要注意的是，这里写了查询语句，窗体的显示是不会有排序的箭头。

好了，大家赶紧去试一下吧

首先引入layer.js以及layer.css样式等文件：
下面我直接贴代码：（*****下述子窗体也就是弹出窗体）

 function parentSave(){
           var $singleSelect=$(".singleSelect").val();//单选分值
      	   var $mulSelect=$(".mulSelect").val();//多选分值
      	   var $judge=$(".judge").val();//判断分值
      	   var $subjective=$(".subjective").val();//主观分值
			layer.open({
				type:2,
				title:"新增",//false为无标题，可以设置标题title:"content"
				maxmin:false,
				shadeClose:true,
				area:['1200px','800px'],
				btn:['确定','取消'],
				content:"${ctx}/examination/curriculumExaminationInfo/changePage?singleSelect="+$singleSelect+"&mulSelect="+$mulSelect+"&judge="+$judge+"&subjective="+$subjective+"",
				yes:function(index,layero){//确认按钮的回调函数  该回调携带两个参数，分别为当前层索引、当前层DOM对象
                    addRow('#curriculumExaminationQuestionsList', curriculumExaminationQuestionsRowIdx, curriculumExaminationQuestionsTpl);curriculumExaminationQuestionsRowIdx = curriculumExaminationQuestionsRowIdx + 1;
                    //var datas=layero.find("iframe")[0].contentWindow.$("#inputForm").serialize();//获取弹出窗体表单数据
                    var body = layer.getChildFrame('body', index); //得到iframe页的body内容
                    var qtype = body.find("#questionsType").val();
                    var qscore=body.find("#questionsScore").val();
                    var contentTypes=body.find("#questType").val();
                    var answerA=body.find("#answerA").val();
                    layer.close(index);

				}
			});
        }

其中父窗体向子窗体传值：

content:"${ctx}/examination/curriculumExaminationInfo/changePage?singleSelect="+$singleSelect+"&mulSelect="+$mulSelect+"&judge="+$judge+"&subjective="+$subjective+""

其中子窗体向父窗体传值：

//获取子窗体表单数据：
var datas=layero.find("iframe")[0].contentWindow.$("#inputForm").serialize();
//获取子窗体body元素：
var body = layer.getChildFrame('body', index); 
//获取子窗体form表单中input元素：
 var qtype = body.find("#questionsType").val();

*********************************下面说一个在select下拉列表中遇到的坑：*********************************
动态对下拉列表赋值:
例子：
$("#questionsType").val(qtype);是不正确的；
采用下面这种方式才能正确赋值：
$("#questionsType").find(“option[value=”+qtype+"]").attr(“selected”,true);
其中qtype是一个变量
还有注意一点：

如果想对下拉列表不想让别人修改（最好不要在其元素上写死disabled属性），除了第一种方式：
第一种：禁用

$('#id').attr("disabled",true); 
  $('#id').attr("disabled","disabled"); 

对应的移除disabled方法：

//三种方法移除disabled属性 
    $('#id').attr("disabled",false); 
    $('#id').removeAttr("disabled"); 
    $('#id').attr("disabled",""); 

第二种，就是如上图这种效果，这种方法可以使下拉框和平常没有区别，看起来没有任何不同。唯一不同的就是下拉并单并选择之后，选了和没有选一样的。
例如：

<select style="width:195px" name="role" id="role" onfocus="this.defaultIndex=this.selectedIndex;"
onchange="this.selectedIndex=this.defaultIndex;">

引言

本人本次实践的目标是数据查询。具体实现方式应该是：

1. 使用窗体及其他控件做查询的条件的输入
2. 使用excel作为查询结果的输出
3. 从桌面上看应该是，前面一个窗口输入查询条件，然后点确定，后面有个excel显示结果。
4. 类似下图这种

一、打开窗口 

窗体俗称对话框，在可视化的面向对象的编程软件中都应该有。在VBA中也有，可以打开 excel->开发工具

点开Visual Basic就会进入到变成界面，然后就可以插入窗体，如下图 

二、窗体简介

 窗体，也就是窗口，或者叫对话框，是vba定义的一个对象，或者说一类对象。微软对“Microsoft 窗体”对象的介绍就是下面一幅图

我们本节所说的”窗体“就是第二层(UserForm)。我们可以从图中看出，窗体对象，不止是指UserForm，还指其他的对象，如Controls，Font，MultiPage，等等。从面向对象的观点来说，这个图表示的应该是一个继承图。（我不是很熟，猜的） 如果上图是个继承关系图，那么我们可以得到几个结论：

1. 他们的事件可以继承
2. 他们的属性也可以继承
3. 且儿子的属性和事件可能比父亲多。。。。

三、窗体属性简介

属性，表示这个窗体固有的特性，如基本的：长宽高，位置，颜色等；特殊的：如字体大小啊，有无滚动条啊等等

所以分下类：

• 基础属性：外观，位置，字体

•  行为属性

• 滚动条

 四、窗体事件、方法简介

•  常用事件

Initialize

就是在初始化窗口时，要对窗口干的事情，比如给窗口属性赋值，给窗体内包含的控件赋初始值。

Click

点击窗体时，会干的事情，比如隐藏窗体等等

Terminate

关闭窗体是要干的事情，比如保存文件，关闭excel等

• 怎么弄出来事件呢？

先在左边选中窗口（对象），右边基本上都是事件。。。每个对象能响应的事件可能是不一样多的

• 常用方法

move，copy等等呢

• 怎么弄出来方法呢？

跟你写代码一样，写出这个对象在.一下，后面跟的就是方法和属性

一般黑色表示属性，绿色标识方法。

五、Initalize 、click事件示例

下列示例假设程序中已有两个窗体UserForms。在 UserForm1 的Initalize事件中加载 UserForm2 ，并将其显示出来。当用户单击 UserForm2 时，就会将其隐含起来，而 UserForm1 将会出现。而当用户单击 UserForm1 时，UserForm2 便会再次出现。

'这是 UserForm1 的 Initialize 事件过程
Private Sub UserForm_Initialize()
    Load UserForm2
    UserForm2.Show
End Sub
'这是 UserForm2 的 Click 事件过程
Private Sub UserForm_Click()
    UserForm2.Hide
End Sub

' 这是 UserForm1 的 Click 事件
Private Sub UserForm_Click()
    UserForm2.Show
End Sub