jQuery MiniUI

标题: form保存问题 [打印本页]

作者: xuxiao478 时间: 2013-7-9 10:00:47 标题: form保存问题

我form下有几个字段和一个grid  我怎么获取grid的josn数据
<legend>服务套餐</legend>
  <div class="fieldset-body">
         <table class="table_search" style="width:100%;" >
            <tr>
   <td style="width:11%;" align="right">套餐名称：</td>
   <td >
   <input id="mealname" name="mealname" class="mini-textbox" emptyText="请输入套餐名称"/>
   </td>
   <td style="width:11%;" align="right">套餐金额：</td>
   <td >
   <input id="mealpay" name="mealpay" class="mini-textbox" emptyText="请输入套餐金额"/>
   </td>
   <td style="width:11%;" align="right">街道：</td>
   <td >
   <input name="jd" id="jd"  textField="value" valueField="code" class="mini-combobox"  shownullitem="false"  multiselect="false" data="${applicationScope.dic['310115']}"/>
   </td>
</tr>
            <tr>
   <td align="right">备注：</td>
   <td colspan="3">
   <textarea id="remark" name="remark" class="mini-textarea" emptyText="请输入备注" style="width:400px;height:60px;"></textarea>
   </td>
</tr>
         </table>
      </div>
      <div class="mini-toolbar" style="border-bottom: 0; padding: 0px;">
<table>
<tr>
   <td>
   <auth:authorization isAuthorization="true" authId="auth_button_add" authType="1">
                  <a name="addButton" id="addButton" class="mini-button" iconCls="icon-add" plain="false" style="display: display;">项目选择</a>
   </auth:authorization>
   <auth:authorization isAuthorization="true" authId="auth_button_add" authType="1">
                  <a name="addButton" id="addButton" class="mini-button" iconCls="icon-add" plain="false" style="display: display;">项目删除</a>
   </auth:authorization>
   </td>
</tr>
</table>
  </div>
  <div id="datagrid1" name="datagrid1" class="mini-datagrid" style="width: 100%" allowCellSelect="true"  allowCellEdit="true"  multiSelect="true">
<div property="columns">
<div type="checkcolumn"></div>
<div type="indexcolumn" headerAlign="center"  align="center">序号</div>
<div field="itemid" name="itemid" headerAlign="center"  align="center" allowSort="true"  width="30">id</div>
<div field="sqfwxmflid" name="sqfwxmflid" headerAlign="center" align="center" allowSort="true" width="60" renderer="onGenderRendererfwxm">服务项目</div>
<div field="fwnrmc" name="fwnrmc" headerAlign="center" align="center" allowSort="true" width="70">服务名称</div>
<div field="fwdj" name="fwdj" headerAlign="center" align="center" allowSort="true" width="65">服务指导价</div>
<div field="sflxid" name="sflxid" headerAlign="center" align="center" allowSort="true" width="70" renderer="onGenderRenderersflx">收费类型</div>
<div field="ckfwsj" name="ckfwsj" headerAlign="center" align="center" allowSort="true" width="70">参考服务时间</div>
<div field="fwfwid" name="fwfwid" headerAlign="center" align="center" allowSort="true" width="60" renderer="onGenderRendererfwfw">服务范围</div>
<div field="fwcs" name="fwcs" headerAlign="center" align="center" allowSort="true" property="editor" width="55">服务次数
   <input property="editor" class="mini-textbox"  style="width:100%;"/>
</div>
<div field="fwdj" name="fwdj" headerAlign="center" align="center" allowSort="true" property="editor" width="55">服务单价
   <input property="editor" class="mini-textbox"  style="width:100%;"/>
</div>
<div field="fwje" name="fwje" headerAlign="center" align="center" allowSort="true" width="55">服务金额</div>
</div>
  </div>
</fieldset>

//新增
  function addInfo() {
var form = new mini.Form("saveForm");
var o = form.getData();
form.validate();
if (form.isValid() == false) return;
   var validateFlag = checkValidate();
      if (validateFlag) return;
var json = mini.encode(o);
$.ajax({
url: "${pageContext.request.contextPath}/project/project/mealAction!saveInfo.action",
   data: { data: json },
   type: "post",
   success: function () {
      mini.confirm('保存成功，是否关闭','确认',function(action){
            if(action=='ok'){
            window.CloseOwnerWindow();
            }
         });
   }
});
  }

我用var o = form.getData(); 获取不到grid数据

作者: factory 时间: 2013-7-9 10:08:41

miniui的form.getData()只能获取miniui的表单控件的值
表格的值，你需要额外自己grid.getData();来获取

作者: xuxiao478 时间: 2013-7-9 10:14:46

factory 发表于 2013-7-9 10:08
miniui的form.getData()只能获取miniui的表单控件的值
表格的值，你需要额外自己grid.getData();来获取 ...

有没有类似的例子参考？

作者: factory 时间: 2013-7-9 14:05:15

xuxiao478 发表于 2013-7-9 10:14
有没有类似的例子参考？

http://www.miniui.com/demo/#src=form/form.html

miniui的form只能批量操作 miniui的表单控件
而非所有的miniui控件。也不支持对于html的原生输入框之类的进行操作

对于其他的比如，表格，树这类控件的获取值，你需要通过他们的API另外进行获取，比如表格getData()

作者: xuxiao478 时间: 2013-7-9 18:16:17

factory 发表于 2013-7-9 14:05
http://www.miniui.com/demo/#src=form/form.html

miniui的form只能批量操作 miniui的表单控件

我grid有编辑2列后自动计算单元格值之后用grid.getData()取不到计算好的那列的值是有什么问题？

作者: factory 时间: 2013-7-10 09:54:45

xuxiao478 发表于 2013-7-9 18:16
我grid有编辑2列后自动计算单元格值之后用grid.getData()取不到计算好的那列的值是有什么问题？ ...

demo的计算，其实是针对总计这一列只读的情况。表格没什么操作
总计的单元格值的赋值方式改为
var total = number * price;
grid.updateRow(row,{total:total})

row是你当前编辑的这行

作者: xuxiao478 时间: 2013-7-10 10:32:53

factory 发表于 2013-7-10 09:54
demo的计算，其实是针对总计这一列只读的情况。表格没什么操作
总计的单元格值的赋值方式改为
var tot ...

作者: factory 时间: 2013-7-10 10:47:14

xuxiao478 发表于 2013-7-10 10:32
function onDrawCell(e) {
var record = e.record;
if(record.fwdj == null){

ondrawcell里面是不能用updateRow的，这样会引起死循环，因为updateRow内部也是执行的更新单元格内容的操作
grid.updateRow(record,{fwje:total});应该是在oncellendedit事件里面用

你把grid.updateRow(record,{fwje:total}); 改成
e.cellHtml = total;
record.fwje = total;
这2句就行了

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)