【easyui开发笔记】

1.dataBox：时间框

创建时间：<input id="search_createDate" name="create_date" type="text" class="easyui-datebox" editable="false" required="required">

在页面不能直接通过id直接获取选中的时间值

$("#search_createDate").val();//错误做法，获取不到值

只能通过方法来获取

$('#search_createDate').datebox('getValue');//正确做法

ComboBox下拉列表也一样，也要通过getValue方法来获取值。个人感觉easyui复杂的组件如果通过id的方式获取不到值时，可以考虑是否API提供了getValue方法来获取值。

2.window:窗口
修改窗口的title时不能通过xx.attr("title","xx")来实现，而是使用使用下面的形式

$('#window').panel({
	title:"修改"
});//将window的title改为"修改"

3.datagrid：表格
问题一：datagtid初始化时加载两次

解决方法：去掉class=“easyui-datagrid”
原因：html代码中利用class声明了datagrid，导致easyUI解析class代码的时候先解析class声明中的datagrid，这样组件就请求了一次url；然后又调用js初始化代码请求一次url。这样导致了重复加载，解决的方法就是只用一种初始化方法来声明easyUI组件以避免重复的提交请求，即删除html中的class声明(class="easyui-datagrid")
即：<table id="DataGrid" class="easyui-datagrid"> 改为 <table id="DataGrid">

参见：jquery easyui的datagrid在初始化的时候会请求两次URL？

问题二：datagrid多表头设计


datagrid清除表格中的数据：
1.使用deleteRow方法

//从已选择列表移除
$("#_remove").click(function() {
	//获取选中的记录
	var rows = $("#center_selected_dg").datagrid("getSelections");

	var len = rows.length;
	if (rows.length == 0) {
		$.messager.alert('Warning', '请先选择');
		return;
	} else {
		var toDelRows = [];
		for (var i = 0; i < len; i++) {
			//toDelRows.push(rows[i]);
			toDelRows[i] = rows[i];
		}
		for (var i = 0; i < toDelRows.length; i++) {//不能在上面的for循环中删除，因为每删一行，被删除行后面的行索引就发生变化了
			var toDelRow = $("#center_selected_dg").datagrid("getRowIndex", toDelRows[i]);
			$("#center_selected_dg").datagrid("deleteRow", toDelRow);
		}
	}
});

2.使用重新加载空数据的方式

//清除表格数据   
$('#center_selected_dg').datagrid('loadData', { total: 0, rows: [] });

参见： easyui datagrid 多表头设置

问题三：datagrid动态绑定列名和数据
EasyUI 1.3.1 datagrid动态绑定列名和数据(使用修改源码的方式)
扩展jquery easyui datagrid 之动态绑定列和数据(使用扩展的方式)




easyUI中判断是否选中了某几条记录。
(rows[]数组代表所有的记录，exists[]数组代表选中的记录)

public class Test {

    public static void main(String[] args) {
        int rows[] = { 1, 2, 3, 4, 5 };
        int exists[] = { 2, 3 };

        for (int i = 0 ; i < rows.length ; i++) {
            // 判断是否已存在
            int j = 0;
            for (j = 0 ; j < exists.length ; j++) {
                System.out.println("i=" + i + " j=" + j);
                if (rows[i] == exists[j]) {
                    System.out.println("rows[" + i + "]存在，i="+i+" j="+j+"当前不再与j比较");
                    break;
                }
                System.out.println("dics");
            }

            if (j == exists.length) {
                System.out.println("rows[" + i + "]不存在");
            }
        }
    }
}