DEV在客户端获取editform控件读取或赋值的方法

//注意:在客户端获取editform的控件的方法:在editform的控件属性中设置ClientInstanceName,然后在客户端事件中直接引用该名称就可以调用方法进行读取或赋值。

//在HTML中为控件设置ClientInstanceName名称,以备在客户端事件中使用
<dx:GridViewDataTextColumn FieldName="之前变更日" VisibleIndex="12" PropertiesTextEdit-ReadOnlyStyle-BackColor="#ece6d5" PropertiesTextEdit-Style-ForeColor="#afaab1">
                        <PropertiesTextEdit ClientInstanceName="zqbgr">
                            <ReadOnlyStyle BackColor="#ECE6D5"></ReadOnlyStyle>
                            <Style ForeColor="#AFAAB1"></Style>
                        </PropertiesTextEdit>
                    </dx:GridViewDataTextColumn>

在JS代码中使用ClientInstanceName命名的控件:并提供了js、jquery的实现方法

            //以下三个变量是在html设计在ClientInstanceName中命名的,推荐这种方法
            var bgrq1 = bgrq.GetText();
            zqbgn.SetText(bgrq1.substring(2, 4));
            zqbgy.SetText(bgrq1.substring(5, 7));
            zqbgr.SetText(bgrq1.substring(8, 10));

            //js方法:以下ID是从调试时查到的ID,此种方法不推荐,因为客户端控件的ID在某种情况下会改变             
            //var bgrq_val = document.getElementById("ASPxGridView1_DXPEForm_DXEFL_DXEditor81_I").value; //获取变更日期值
            //document.getElementById("ASPxGridView1_DXPEForm_DXEFL_DXEditor82_I").value = bgrq.substring(2,4);
            //document.getElementById("ASPxGridView1_DXPEForm_DXEFL_DXEditor83_I").value = bgrq.substring(5,7);
            //document.getElementById("ASPxGridView1_DXPEForm_DXEFL_DXEditor6_I").value = bgrq.substring(8,10);

            //jquery方法:以下ID是从调试时查到的ID,此种方法不推荐,因为客户端控件的ID在某种情况下会改变
            //$("#ASPxGridView1_DXPEForm_DXEFL_DXEditor82_I").attr("value", bgrq1.substring(2, 4));
            //$("#ASPxGridView1_DXPEForm_DXEFL_DXEditor83_I").attr("value", bgrq1.substring(5, 7));
            //$("#ASPxGridView1_DXPEForm_DXEFL_DXEditor6_I").attr("value", bgrq1.substring(8, 10));

版权声明:本文为hmwz0001原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。