例如这个需求(下图):注:因为这个问题困扰了我一个星期,现在已经解决掉,我把它记录一下,因为我自己也在网上找了,当作是我自己的总结吧。
(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"