ホームページ > ウェブフロントエンド > htmlチュートリアル > js datagrid_html/css_WEB-ITnoseでチェックボックスの複数選択を実装する方法

js datagrid_html/css_WEB-ITnoseでチェックボックスの複数選択を実装する方法

WBOY
リリース: 2016-06-21 09:41:47
オリジナル
1409 人が閲覧しました

$('#test').datagrid({			title:'主表',				width:970,				height:325,				nowrap: false,				striped: true,				collapsible:true,				url:'datatest.php',				sortName: 'num',				remoteSort: false,                                  singleSelect: true,				//frozenColumns:[[{field:'ck',checkbox:true}]],                queryParams:{isaddhead:function(){return isaddhead}, hid:function(){return hid}},				columns:[[                                      {field:'num',title:'编号',width:30},					{field:'materialcode',title:'物料编码',width:120},					{field:'com',title:'单位',width:60},					{field:'quantity',title:'数量',width:40,rowspan:2},                                             {field:'name',title:'详细名称',width:350,rowspan:2},                                           {field:'date',title:'要求交货期',width:70,rowspan:2},                                           {field:'other',title:'其他要求',width:180,rowspan:2},					{field:'app',title:'状态',width:80,rowspan:1},				    {field:'state',title:'x',width:1,rowspan:1},				    {field:'rfqno',title:'x',width:1,rowspan:1}				]],				pagination:true,				rownumbers:true,				toolbar:[{					id:'btnadd',					text:'添加',					iconCls:'icon-add',					handler:function(){			                       if(isaddhead == 1 && !iscontrl && ismain==0 ) {                                                iscontrl = true;					     maindivreplace(1, null);                                            }					}				},{					id:'btndel',					text:'删除',					iconCls:'icon-remove',					handler:function(){	                   if(isaddhead == 1 && isselmain == 1 && !iscontrl && ismain==0) {	                                            $.post( "MainDataoper.php", {mainid:mainNum, requetype:"del",rfq_No:$('#prfqno').val(),formId:$('#formidold').val()},function(data) {                                                    isselmain =0;//重新加载前把状态改为主表没被选中                                                    isselqu = 0;//重新加载前把状态改为明细表没被选中                                                    $('#test').datagrid("reload");//datagrad重新加载                                                      $("#test2").datagrid('loadData',{total:0,rows:[]});                                                });                         }					}				},{					id:'btnedit',					text:'修改',					iconCls:'icon-edit',					handler:function(){     	                                     if(isaddhead == 1 && !iscontrl && isselmain ==1 && ismain==0) {                                                iscontrl = true;                                                isselmain = 0;                                                isselqu= 0;                                                var rowdata = $("#test").datagrid('getSelected');                                                maindivreplace(2, rowdata);//打开主表编辑div,                                            }											}				}],
ログイン後にコピー



複数選択を実装してください
frozenColumns:[[{field:'ck',checkbox:true}]] を使用してください データグリッドにはオプションがありますが、チェックすることはできません

これを実現するにはどうすればよいですか?


ディスカッションへの返信 (解決策)

singleSelect:false,
datagrid プロパティ

singleSelect:false,
datagrid プロパティ +1

singleSelect : false,

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート