miniui中datagrid表格当前行根据下拉框的值去改变当前行某一列的编辑状态及配置相对应的值

最新推荐文章于 2022-06-07 08:40:14 发布

大刺头

最新推荐文章于 2022-06-07 08:40:14 发布

阅读量1.9k

点赞数

分类专栏： webform 文章标签： c#

本文链接：https://blog.csdn.net/qq_45846870/article/details/112673258

版权

例如这个需求（下图）：注：因为这个问题困扰了我一个星期，现在已经解决掉，我把它记录一下，因为我自己也在网上找了，当作是我自己的总结吧。
在这里插入图片描述
（1)上图，‘产品名称’关联OA存货档案,当【产品属性】为【主机】、【板材】、【LED灯】时，必须选择，当【产品属性】是【配件】时可编辑配件名称。
（2)上图，‘防伪码’删除，改为‘产品属性’，并设为选择器(产品主机、配件、板材、LED灯)，数据联动：当产品属性=配件或板材或LED灯时，数量默认空，必填。当产品属性=产品主机时，数量默认1，不可编辑

前台HTML界面

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="../../scripts/boot.js" type="text/javascript"></script>
    <%--<link href="../../res/Default.css" rel="stylesheet" type="text/css" />--%>
    <script src="../../scripts/Mydate/WdatePicker.js"></script>
    <style type="text/css">
        html, body {
   
            font-size: 12px;
            padding: 0;
            margin: 0;
            border: 0;
            height: 100%;
            overflow: hidden;
        }
        .auto-style1 {
   
            width: 100%; 
            height: 16px;
        }
    </style>
</head>
<body>
    <div class="mini-toolbar" style="padding: 2px; border: 0;">
        <table style="width: 100%;">
            <tr>
                <td class="auto-style1">
                    <a class="mini-button" iconcls="icon-add" name="adds" onclick="addRow()" plain="true">增行</a>
                    <span class="separator"></span>
                    <a class="mini-button" iconcls="icon-del" name="del" onclick="delRow()" plain="true">删行</a>
                    <span class="separator"></span>
                    <a class="mini-button" iconcls="icon-save" name="save" onclick="onOk" plain="true">保存</a>
                    <span class="separator"></span>
                    <a class="mini-button" iconcls="icon-close" name="close" onclick="onCancel" plain="true">关闭</a>
                    <span class="separator"></span>
                </td>
            </tr>
        </table>
    </div>
    <%-- <div>
        <h1 style="text-align: center">采购订单</h1>
    </div>--%>
    <div style="padding: 5px;">
        <table style="width: 95%;">
            <tr>
                <td>报修单号：</td>
                <td>
                    <input id="ccode" class="mini-textbox" readonly="true" />
                </td>
                <td>报修日期：</td>
                <td>
                    <input id="ddate" class="mini-datepicker" />
                </td>
                <td style="color:blue;">客户名称：</td>
                <td>
                    <input id="ccuscode" class="mini-combobox" textField="ccusname" valueField="ccuscode" emptyText="请选择..."
    url="BXMethod.ashx?Method=GetCus"  required="true" allowInput="false"  onvaluechanged="onDeptChanged" />
                </td>
            </tr>
            <tr>

                <td style="color:blue;">联系人：</td>
                <td>
                    <input id="lxper" class="mini-textbox" />
                </td>
                <td style="color:blue;">手机号：</td>
                <td>
                    <input id="lxtel" class="mini-textbox" />
                </td>
                <td style="color:blue;">客户分类：</td>
                <td>
                    <input id="ccuscname" class="mini-textbox" style="width:150px;"  readonly="true" />
                </td>
            </tr>
            <tr>

                <td style="color:blue;">物流方式：</td>
                <td style="color:blue;">
                    <input id="wltype" class="mini-combobox" data="[{id: '物流', text: '物流'}, {id: '快递', text: '快递'}, {id: '送货上门', text: '送货上门'}]" />
                </td>
                <td style="color:blue;">物流单号：</td>
                <td>
                    <input id="wlcode" class="mini-textbox" />
                </td>
                <td style="color:blue;">维修完回寄方式：</td>
                <td>
                    <input id="rtype" class="mini-combobox" data="[{id: '物流', text: '物流'}, {id: '快递', text: '快递'}, {id: '送货上门', text: '送货上门'}]" />
                </td>
            </tr>
            <tr>
                <td  style="color:blue;">维修完收件地址：</td>
                <td colspan="5">
                    <input id="faddr" type="text" class="mini-textbox" style="width: 94%;" runat="server" />
                </td>
            </tr>
            <tr>
                <td style="color:blue;">件数：</td>
                <td>
                    <input id="inum" class="mini-spinner" <%--allowLimitValue="false"--%> minValue="0"/>
                </td>
                <td>备注：</td>
                <td colspan="3">
                    <input id="cmemo" type="text" class="mini-textbox" style="width: 94%;" runat="server" />
                </td>
            </tr>
           
        </table>
        <div id="datagrid1" class="mini-datagrid" style="width: 98%" url="BXMethod.ashx?Method=EBind" showpager="false" pagesize="500"
            allowcelledit="true" allowcellselect="true" editnextonenterkey="true" editnextrowcell="true" oncellbeginedit="OnCellBeginEdit" oncellcommitedit="OnCellCommitEdit"
            allowsortcolumn="false"

最低0.47元/天解锁文章

大刺头

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
miniui中datagrid表格当前行根据下拉框的值去改变当前行某一列的编辑状态及配置相对应的值

例如这个需求（下图）：注：因为这个问题困扰了我一个星期，现在已经解决掉，我把它记录一下，因为我自己也在网上找了，当作是我自己的总结吧。（1)上图，‘产品名称’关联OA存货档案,当【产品属性】为【主机】、【板材】、【LED灯】时，必须选择，当【产品属性】是【配件】时可编辑配件名称。（2)上图，‘防伪码’删除，改为‘产品属性’，并设为选择器(产品主机、配件、板材、LED灯)，数据联动：当产品属性=配件或板材或LED灯时，数量默认空，必填。当产品属性=产品主机时，数量默认1，不可编辑前台HTML界面&l
复制链接

扫一扫

专栏目录