datagrid在MVC中的運用10 勾選

2021-09-07 22:34:34 字數 1255 閱讀 5149

本文體驗與勾選有關的特性。

需要載入的books.json

展開

, ,,]}

檢視

展開

@~/content/themes/default/easyui.css" rel="stylesheet" />

~/content/themes/icon.css" rel="stylesheet" />

button" id="buttongetcheck" value="get checked"/>

tt">

@section scripts

{}

注意:如果沒有設定 method: 'get',就會報錯,因為預設不能以post方式訪問靜態檔案books.json。

效果:

以上沒有把books.json中"checked": true的行設定為選中。

設定每行屬性checked為true的行選中

onloadsuccess: function(data)
});
}
}
效果:

獲取選中行的值

$(function() );
console.log(names.join(","));
});
});
效果:

/customer/index 檢視

展開

$('#tt').datagrid(,,,

,,,,

,,,]],

queryparams: params, //搜尋json物件

sortname: 'customerid', //初始排序字段

sortorder: 'asc' //初始排序方式

});

效果:

可見,預設狀態下:

可以多選

勾選會選擇行

選中行會勾選

在easyui中實現datagrid滾動條聯動

豎向滾動條聯動 var contents importform div.datagrid body contents.scroll function 橫向滾動條聯動 var contents2 importform div.datagrid view2 div.datagrid header con...

WPF在datagrid中新增序號

首先在datagrid中新增datagridtemplatecolumn,如下 datagridtemplatecolumn width 60 header 序號 isreadonly true datagridtemplatecolumn.celltemplate datatemplate tex...

在DataGrid中跨頁面實現多選

實現效果 selectvalueinmulpage.aspx page language vb autoeventwireup false codebehind selectvalueinmulpage.aspx.vb inherits vbproject.selectvalueinmulpage ...