easyui

http://www.jeasyuicn.com/sort/extend/

1獲取選擇行  var rows = $('#tt').datagrid('getSelected');

2獲取所在行function getRowIndex(target) {$(target).closest('tr.datagrid-row'); return

parseInt(tr.attr('datagrid-row-index'));}

3獲取全部行 var row = $('#tt').datagrid(‘getRows’);

4修改某行$('#tt').datagrid('updateRow',{index:rowIndex,row: response.data.data});

5行狀態爲可編輯$('#tt').datagrid('beginEdit', rowIndex);

6 獲取修改行的修改值和原來值

var ed = $('#tt').datagrid('getEditors',rowIndex);

var d0=jQuery(ed[0].target).val();

jQuery(ed[0].target).val(ed[0].oldHtml);

7 修改單元格值$(target).closest('div').html(s);

8 刪除行$('#tt').datagrid('deleteRow', getRowIndex(target));    

9 給datagrid賦值$('#tt').datagrid('loadData',response.data.data);

10增長一行

    var roomtype ={};
    roomtype.rtName =rmtyname;
    roomtype.rtCode =code;
    var reservation ={};
    reservation.revArrivedate =stdate;
    reservation.revLeavedate =edate;
    $('#recode').datagrid("insertRow",{
        index:0,
        row:{'roomtype':roomtype,'rrosum':num,'rroCount':count,'rroPrice':rmprice,'reservation':reservation}
     });

 11 取消選中

$('#reserveList').datagrid('clearSelections');//取消選中
$("#reserveList").datagrid('selectRecord', name);//選中fieldId
$('#tt').datagrid("selectRow", 0);
if($('#reserveList').datagrid("getSelected") == null)//選中值判斷

 

 

Checkbox控制：$(target).closest('tr.datagrid-row').find(':checkbox').attr('disabled',false);

$("#frid").attr("checked", true);

 

 

    function initRmtype(){

        $.ajax({

            type : 'POST',

            url : 'roomstate/roompriceAction/getRoomTypeList',

            dataType : 'json',

            timeout : 30000,// 超時時間設定

            data : ({}),

            error : function(xhr, textStatus, thrownError) {

                if (xhr.readyState != 0 && xhr.readyState != 1) {

                    alert("查詢失敗， 錯誤號:  " + xhr.status + ", 錯誤信息: "

                            + textStatus);

                } else {

                    alert("查詢失敗，錯誤信息:  " + textStatus);

                }

           

            },

            success : function(response) {

                if (response.result == 'ok'){

                    if(response.data.data.rows.length>0){

                        $('#tt').datagrid('loadData',response.data.data);

                    }

                }

            }

        });

}

 

$('#tt').datagrid({

                height:200,        // 設置高度

                singleSelect:true, // 設置單選

                pagination: false, // 設置表格是否使用分頁

                fitColumns: true,  // 設置表格列是否自適應表格寬度

                remoteSort:false,  // 設置可排序

                rownumbers: true,  // 顯示行號

                frozenColumns:[[ {field:'ck',checkbox:true,align:'center'}]], //顯示checkbox

                idField:'rpId',

                columns:[[

                    {field :'rpId', title : 'id', width : 10,hidden:'true'},

                    {field:'roomtype.rtName',title:'房型名稱',width:160,formatter:function(value,row,index){return row.roomtype.rtName;},editor:{type:'validatebox',options:{required:true,validType:'length[1,30]'}}},

                    {field:'roomtype.rtCode',title:'簡稱',width:180,align: "center",sortable : true},

                    {field:'rpWflag',title:'星期',width:180,align:'center',

                    formatter:function(value,row,index){

                            var c =' checked';

                            var e = '<input type="checkbox" name="frid" id="week" disabled ';

                            if(value==2||value==3){

                                e=e+c;

                            }

                            e += '/>星期五&nbsp;&nbsp;<input type="checkbox" name="satr" id="week" disabled ';

                            if(value==1||value==3){

                                e=e+c;

                            }

                            e +='/>星期六';

                            return e;

                    }

                    },

                    {field:'action',title:'操做',width:80,align:'center',

                        formatter:function(value,row,index){

                                var e = '<a href="javascript:void(0);" onclick="insert(0,this)">編輯</a> '+'<a href="javascript:void(0);" onclick="deleterow(this)">刪除</a>';

                                return e;

                        }

                    }

                ]],onClickRow: function (rowIndex) {

                    LoadRoomList();

                }

            });

            initRmtype();

     });