easyUI常用方法

HTML

<table id="tbList" striped="true" rownumbers="true" fix="true" fitcolumns="true" title="标题"
       idfield="ID" checkbox="true" url="@Url.Action("ListData")">
    <thead>
        <tr>
            <th field="ID" checkbox="true" width="30">
            </th>
            <th field="Name" width="200" align="center">
                名称
            </th> 
        </tr>
    </thead>
</table>

JS

$("#tbList").datagrid({ pagination: true });
$("#btnSearch").click(function () {//查询方法
    $("#tbList").datagrid("unselectAll");
    $("#tbList").datagrid({ queryParams: { SearchName: $("#SearchName").val()} });
});

1.冻结列

$("#tbList").datagrid({ pagination: true,
            frozenColumns: 

	    [[
            { field: "BId",checkbox:"true",width:30},
            { field: "BNo", title: "牌号", width: 100 },
            { field: "FNo", title: "班号", width: 100 }
        　　 ]], 
　　　　　　　fitColumns:false　//禁止自适应宽度、可以水平滚动
        });

2.table中td内容太长自动换行

添加属性　nowrap="false";

将nowrap: false这个属性设置在table的属性中，不要设置在字段的属性中，字段可以设置宽度，这样就可以做到当文字长度超过规定的宽度后自动换行了，false为换行/true为不换行。

3.常用事件

1. $("#cc").combogrid({  
2.         onSelect:function(index,row){  
3.                           
4.         },  
5.         onChange:function(newVal ,oldVal){  
6.             alert("newVal:" +newVal);  
7.             alert("oldVal:" +oldVal);  
8.             alert("getValue:" + $("#cc").combogrid("getValue"));  
9.                           
10.             var g = $("#cc").combogrid("grid"); // get datagrid object  
11.         var r = g.datagrid("getSelected");  // get the selected row  
12.         if(r ==null)  
13.         alert("null");  
14.         else  
15.         alert("not null");  
16.         }  
17. });

4.校验表单完整性

//校验表单完整性

    function checkForm() {

        //获取需要校验的字段

        var code = $("#code").val();

        var name = $("#name").val();

        //校验字段是否为空

        if (name == "") {

            inputTips("请输入合同名称", "name", false);

            return false;

        }

        if (code == "") {

            inputTips("请输入合同编号", "code", false);

            return false;

        }

        return true;

    }