diff --git a/web/src/main/resources/views/modules/demo/demoDataGridEditGrid.html b/web/src/main/resources/views/modules/demo/demoDataGridEditGrid.html index 0d23bf38..af1bab3b 100644 --- a/web/src/main/resources/views/modules/demo/demoDataGridEditGrid.html +++ b/web/src/main/resources/views/modules/demo/demoDataGridEditGrid.html @@ -7,110 +7,109 @@
查询 - <% if(hasPermi('test:testData:edit')){ %> - 增行 - <% } %> + 增行 + 获取表格数据
- <#form:form id="searchForm" model="${testData}" action="${ctx}/test/testData/listData" method="post" class="form-inline hide" - data-page-no="${parameter.pageNo}" data-page-size="${parameter.pageSize}" data-order-by="${parameter.orderBy}"> -
- -
- <#form:input path="testInput" maxlength="200" class="form-control width-120"/> -
-
-
- -
- <#form:input path="testTextarea" maxlength="200" class="form-control width-120"/> -
-
-
- -
- <#form:select path="testSelect" dictType="sys_menu_type" blankOption="true" class="form-control"/> -
-
-
- -
- <#form:select path="testSelectMultiple" dictType="sys_menu_type" multiple="true" blankOption="true" class="form-control"/> -
-
-
- -
- <#form:radio path="testRadio" dictType="sys_menu_type" blankOption="true" class="form-control"/> -
-
-
- -
- <#form:checkbox path="testCheckbox" dictType="sys_menu_type" blankOption="true" class="form-control"/> -
-
-
- -
- <#form:input path="testDate_gte" readonly="true" maxlength="20" class="form-control Wdate-date" - dataFormat="date" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,onpicked:function(){testDate_lte.click()}});"/> -  --  - <#form:input path="testDate_lte" readonly="true" maxlength="20" class="form-control Wdate-date" - dataFormat="date" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"/> -
-
-
- -
- <#form:input path="testDatetime_gte" readonly="true" maxlength="20" class="form-control Wdate-datetime" - dataFormat="datetime" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false,onpicked:function(){testDatetime_lte.click()}});"/> -  --  - <#form:input path="testDatetime_lte" readonly="true" maxlength="20" class="form-control Wdate-datetime" - dataFormat="datetime" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/> -
-
-
- -
- <#form:treeselect id="testUser" title="用户选择" - path="testUser.userCode" labelPath="testUser.userName" - url="${ctx}/sys/office/treeData?isLoadUser=true" allowClear="true"/> -
-
-
- -
- <#form:treeselect id="testOffice" title="机构选择" - path="testOffice.officeCode" labelPath="testOffice.officeName" - url="${ctx}/sys/office/treeData" allowClear="true"/> -
-
-
- -
- <#form:treeselect id="testAreaCode" title="区域选择" - path="testAreaCode" labelPath="testAreaName" - url="${ctx}/sys/area/treeData" allowClear="true"/> -
-
-
- -
- <#form:select path="status" dictType="sys_search_status" blankOption="true" class="form-control isQuick"/> -
-
-
- -
- <#form:input path="remarks" maxlength="500" class="form-control width-120"/> -
-
-
- - -
+ <#form:form id="searchForm" model="${testData}" action="${ctx}/test/testData/listData" method="post" class="form-inline hide" + data-page-no="${parameter.pageNo}" data-page-size="${parameter.pageSize}" data-order-by="${parameter.orderBy}"> +
+ +
+ <#form:input path="testInput" maxlength="200" class="form-control width-120"/> +
+
+
+ +
+ <#form:input path="testTextarea" maxlength="200" class="form-control width-120"/> +
+
+
+ +
+ <#form:select path="testSelect" dictType="sys_menu_type" blankOption="true" class="form-control"/> +
+
+
+ +
+ <#form:select path="testSelectMultiple" dictType="sys_menu_type" multiple="true" blankOption="true" class="form-control"/> +
+
+
+ +
+ <#form:radio path="testRadio" dictType="sys_menu_type" blankOption="true" class="form-control"/> +
+
+
+ +
+ <#form:checkbox path="testCheckbox" dictType="sys_menu_type" blankOption="true" class="form-control"/> +
+
+
+ +
+ <#form:input path="testDate_gte" readonly="true" maxlength="20" class="form-control Wdate-date" + dataFormat="date" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,onpicked:function(){testDate_lte.click()}});"/> +  --  + <#form:input path="testDate_lte" readonly="true" maxlength="20" class="form-control Wdate-date" + dataFormat="date" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"/> +
+
+
+ +
+ <#form:input path="testDatetime_gte" readonly="true" maxlength="20" class="form-control Wdate-datetime" + dataFormat="datetime" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false,onpicked:function(){testDatetime_lte.click()}});"/> +  --  + <#form:input path="testDatetime_lte" readonly="true" maxlength="20" class="form-control Wdate-datetime" + dataFormat="datetime" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/> +
+
+
+ +
+ <#form:treeselect id="testUser" title="用户选择" + path="testUser.userCode" labelPath="testUser.userName" + url="${ctx}/sys/office/treeData?isLoadUser=true" allowClear="true"/> +
+
+
+ +
+ <#form:treeselect id="testOffice" title="机构选择" + path="testOffice.officeCode" labelPath="testOffice.officeName" + url="${ctx}/sys/office/treeData" allowClear="true"/> +
+
+
+ +
+ <#form:treeselect id="testAreaCode" title="区域选择" + path="testAreaCode" labelPath="testAreaName" + url="${ctx}/sys/area/treeData" allowClear="true"/> +
+
+
+ +
+ <#form:select path="status" dictType="sys_search_status" blankOption="true" class="form-control isQuick"/> +
+
+
+ +
+ <#form:input path="remarks" maxlength="500" class="form-control width-120"/> +
+
+
+ + +
<#form:form id="inputForm" model="${testData}" action="${ctx}/test/testData/save" method="post" class="form-horizontal">
@@ -126,17 +125,17 @@ $('#dataGrid').dataGrid({ searchForm: $("#searchForm"), // 设置数据表格列 columnModel: [ - {header:'状态', name:'status', editable:true, hidden:true}, - {header:'主键', name:'id', editable:true, hidden:true}, - {header:'单行文本', name:'testInput', width:150, editable:true, edittype:'text', editoptions:{'maxlength':'200', 'class':'form-control'}}, - {header:'多行文本', name:'testTextarea', width:150, editable:true, edittype:'textarea', editoptions:{'maxlength':'200', 'class':'form-control', 'rows':'1'}}, + {header:'状态', name:'status', editable:true, hidden:true, unformat: function(val, obj, cell){return $('#'+obj.rowId+'_'+obj.colModel.name, cell).val();}}, + {header:'主键', name:'id', editable:true, hidden:true, unformat: function(val, obj, cell){return $('#'+obj.rowId+'_'+obj.colModel.name, cell).val();}}, + {header:'单行文本', name:'testInput', width:150, editable:true, edittype:'text', editoptions:{'maxlength':'200', 'class':'form-control'}, unformat: function(val, obj, cell){return $('#'+obj.rowId+'_'+obj.colModel.name, cell).val();}}, + {header:'多行文本', name:'testTextarea', width:150, editable:true, edittype:'textarea', editoptions:{'maxlength':'200', 'class':'form-control', 'rows':'1'}, unformat: function(val, obj, cell){return $('#'+obj.rowId+'_'+obj.colModel.name, cell).val();}}, {header:'下拉框', name:'testSelect', width:100, editable:true, edittype:'select', editoptions:{'class':'form-control', items: $.merge([{dictLabel:' ',dictValue:''}], ${@DictUtils.getDictListJson('sys_menu_type')}), itemLabel: 'dictLabel', itemValue: 'dictValue', dataInit: function(element){ $(element).select2().on("change",function(){$(this).resetValid()}); } - } + }, unformat: function(val, obj, cell){return $('#'+obj.rowId+'_'+obj.colModel.name, cell).val();} }, // {header:'下拉多选', name:'testSelectMultiple', width:100, // editable:true, edittype:'select', editoptions:{multiple:true, 'class':'form-control', @@ -144,7 +143,7 @@ $('#dataGrid').dataGrid({ // itemLabel: 'dictLabel', itemValue: 'dictValue', dataInit: function(element){ // $(element).select2().on("change",function(){$(this).resetValid()}); // } -// } +// }, unformat: function(val, obj, cell){return $('#'+obj.rowId+'_'+obj.colModel.name, cell).val();} // }, {header:'日期选择', name:'testDate', width:150, formatter:'date', formatoptions:{srcformat:'Y-m-d H:i:s',newformat:'Y-m-d'}, @@ -152,7 +151,7 @@ $('#dataGrid').dataGrid({ dataInit: function(element){ $(element).on('focus', function(){ WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false}); }); - }} + }}, unformat: function(val, obj, cell){return $('#'+obj.rowId+'_'+obj.colModel.name, cell).val();} }, {header:'日期时间', name:'testDatetime', width:150, formatter:'date', formatoptions:{srcformat:'Y-m-d H:i:s',newformat:'Y-m-d H:i:s'}, @@ -160,7 +159,7 @@ $('#dataGrid').dataGrid({ dataInit: function(element){ $(element).on('focus', function(){ WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false}); }); - }} + }}, unformat: function(val, obj, cell){return $('#'+obj.rowId+'_'+obj.colModel.name, cell).val();} }, {header:'用户选择', name:'testUser', width:150, formatter: function(val, obj, row, act){ @@ -174,7 +173,7 @@ $('#dataGrid').dataGrid({ url: '${ctx}/sys/office/treeData?isLoadUser=true', cssClass: '' }); } - } + }, unformat: function(val, obj, cell){return $('#user_'+obj.rowId+'_'+obj.colModel.name+'Code', cell).val();} }, {header:'机构选择', name:'testOffice', width:150, formatter: function(val, obj, row, act){ @@ -188,7 +187,7 @@ $('#dataGrid').dataGrid({ url: '${ctx}/sys/office/treeData?officeTypes=1,2', cssClass: '' }); } - } + }, unformat: function(val, obj, cell){return $('#office_'+obj.rowId+'_'+obj.colModel.name+'Code', cell).val();} }, {header:'区域选择', name:'testAreaCode', width:150, formatter: function(val, obj, row, act){ @@ -202,7 +201,7 @@ $('#dataGrid').dataGrid({ url: '${ctx}/sys/area/treeData', cssClass: '' }); } - } + }, unformat: function(val, obj, cell){return $('#area_'+obj.rowId+'_'+obj.colModel.name+'Code', cell).val();} }, {header:'列表选择', name:'testListSelect', width:150, formatter: function(val, obj, row, act){ @@ -218,7 +217,7 @@ $('#dataGrid').dataGrid({ cssClass: '' }); } - } + }, unformat: function(val, obj, cell){return $('#user_'+obj.rowId+'_'+obj.colModel.name+'Code', cell).val();} }, {header:'操作', name:'actions', width:80, sortable:false, fixed:true, formatter: function(val, obj, row, act){ var actions = []; @@ -228,7 +227,7 @@ $('#dataGrid').dataGrid({ actions.push(' '); } return actions.join(''); - }, editoptions: {defaultValue: 'new'}} + }, editoptions: {defaultValue: 'new'}, unformat: function(val, obj, cell){return '';}} ], // 编辑表格参数 @@ -246,6 +245,11 @@ $('#dataGrid').dataGrid({ } }); +$('#btnGetData').click(function(){ + var data = $('#dataGrid').dataGrid('getRowData'); + log(data) + js.showMessage('请按 F12 打开控制台,查看数据'); +});