3.2.8、根据选项控制部分内容显示或隐藏示例

根据选项控制部分内容显示或隐藏示例,示例:

 

参考代码:

1、为选项控件【供应商分类】添加事件控制字典
{"onchange":"PageDynamicObject.SupplierTypeChangedEvent(this.value)"}


2、界面布局模板代码(将要隐藏的元素添加ID【供应商分类其他TR】,并且添加【Hidden】样式):
<tr id="供应商分类其他TR" class="Hidden">
	<td class="LeftTD">供应商分类其他:</td>
	<td><$供应商分类其他$></td>
</tr>


3、新建JavaScript
//供应商分类更改事件
PageDynamicObject.SupplierTypeChangedEvent = function (value)
{
    if (value == "其它")
    {
        Element.RemoveClass($("#供应商分类其他TR"), "Hidden");
        修改控件属性("供应商信息_供应商分类其他", {IsNotAllowNullValueField: true});
    }
    else
    {
        Element.AddClass($("#供应商分类其他TR"), "Hidden");
        Element.SetValue($("#供应商信息_供应商分类其他"), "");
        修改控件属性("供应商信息_供应商分类其他", {IsNotAllowNullValueField: false});
    }
};


4、编辑JavaScript
//供应商分类更改事件
PageDynamicObject.SupplierTypeChangedEvent = function (value)
{
    if (value == "其它")
    {

        Element.RemoveClass($("#供应商分类其他TR"), "Hidden");
        修改控件属性("供应商信息_供应商分类其他", {IsNotAllowNullValueField: true});
    }
    else
    {
        Element.AddClass($("#供应商分类其他TR"), "Hidden");
        Element.SetValue($("#供应商信息_供应商分类其他"), "");
        修改控件属性("供应商信息_供应商分类其他", {IsNotAllowNullValueField: false});
    }
};
PageDynamicObject.SupplierTypeChangedEvent(GetRadioValue("供应商信息_供应商分类"));


5、查看JavaScript
try
{
    if (PageDynamicObject.OriginDictionary.供应商分类 == "其它")
    {
        Element.RemoveClass($("#供应商分类其他TR"),"Hidden");
    }
}
catch (e)
{ }