jQuery MiniUI

标题: DataGrid 列属性里加入 required="true" 不验证怎么办 [打印本页]

---

作者: zhaoxin03216    时间: 2015-6-16 13:56:43     标题: DataGrid 列属性里加入 required="true" 不验证怎么办

DataGrid 里控件属性及列属性里 均 加入  required="true"  后  保存表单后不验证 必填项   怎么办

---

作者: dforce    时间: 2015-6-16 14:02:31

datagrid不是表单控件
http://www.miniui.com/demo/#src=datagrid/cellvalidation.html
表格的验证看这个示例
点保存按钮，调用grid.validate()对表格进行验证
未通过验证的单元格会有背景色提示

---

作者: zhaoxin03216    时间: 2015-6-16 15:02:58

<div style="width:100%;text-align:left;"><div class="mini-toolbar" style="border-bottom:0;padding:0px;"><table style="width:100%;"><tr><td style="width:100%;"><a class="mini-button" id="cellbutton_add21783" iconCls="icon-add" onclick="addRow('datagrid21783')" plain="true" tooltip="增加...">增加</a><a class="mini-button" id="cellbutton_del21783" iconCls="icon-remove" onclick="removeRow('datagrid21783')" plain="true">删除</a><span class="separator"></span><a class="mini-button" id="cellbutton_savedata21783" iconCls="icon-save" onclick="saveData('datagrid21783')" plain="true">保存表格</a></td></table></div></div><div id="datagrid21783" class="mini-datagrid" url="GetDataList.aspx?Method=GetCellEditList&PId=8&controlId=21783&nowWorkNO=APqRkOG0J5bnwwIfuJnygw==" idField="Id" allowResize="false" allowCellEdit="true" allowCellSelect="true" multiSelect="true" editNextOnEnterKey="false" editNextRowCell="true" style="width:100%;" pageSize="20" sizeList="[10,20,50]" oncellcommitedit="onCellCommitEdit" allowCellValid="true" >
<div property="columns">
<div type="checkcolumn"></div>
<div field="XmName" name="XmName" width="317" allowSort="false" headerAlign="center">项目名称<input property="editor" class="mini-textbox" style="width:100%;" required="true" /></div>

这是代码   allowCellValid="true"  和   required="true"   均写了 店家表格列的时候   是  换色的可是 点击保存按钮   还是可以保存   必填没有验证   是我哪里 没有写对吗

---

作者: dforce    时间: 2015-6-16 15:08:03

zhaoxin03216 发表于 2015-6-16 15:02
增加删除保存表格

保存方法里面处理了吗
参考我们示例，我们示例保存按钮里面验证完进行了判断，没通过验证就return了不让提交保存

---

作者: zhaoxin03216    时间: 2015-6-16 15:20:36

dforce 发表于 2015-6-16 15:08
保存方法里面处理了吗
参考我们示例，我们示例保存按钮里面验证完进行了判断，没通过验证就return了不让 ...

function saveData(celledit_id) {
    var controlId = celledit_id.substring(celledit_id.indexOf("datagrid") + 8);
    var grid = mini.get(celledit_id);            
    var data = grid.getChanges();

        grid.validate();
            if (grid.isValid() == false) {
                alert("请校验输入单元格内容");
                var error = grid.getCellErrors()[0];
                grid.beginEditCell(error.record, error.column);
                return;
            }

    var json = mini.encode(data);            
    grid.loading("保存中，请稍后......");
    $.ajax({
        url: "GetDataList.aspx?Method=SaveCellEditData&nowWorkNO=" + nowEncrypt + "&controlId=" + controlId + "&PId=" + Id,
        data: { data: json },
        type: "POST",
        success: function (text) {
            grid.reload();
        },
        error: function (jqXHR, textStatus, errorThrown) {
            mini.alert(jqXHR.responseText);
        }
    });
}

---

作者: zhaoxin03216    时间: 2015-6-16 15:21:42

zhaoxin03216 发表于 2015-6-16 15:20
function saveData(celledit_id) {
    var controlId = celledit_id.substring(celledit_id.indexOf(" ...

saveData 也写啦 还是没有效果   没有进行验证

---

作者: dforce    时间: 2015-6-16 15:45:48

zhaoxin03216 发表于 2015-6-16 15:21
saveData 也写啦 还是没有效果   没有进行验证

有背景色提示就是已经验证了

---

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

Powered by Discuz! X2