webform中devexpress控件的可用状态后端设置为不可用后前端再改为可用状态且改变控件的颜色的方法

最新推荐文章于 2022-02-01 23:09:03 发布

864记忆

最新推荐文章于 2022-02-01 23:09:03 发布

阅读量373

点赞数

分类专栏： asp.net

本文链接：https://blog.csdn.net/hmwz0001/article/details/106875676

版权

asp.net 专栏收录该内容

155 篇文章 1 订阅

订阅专栏

webform中devexpress控件的可用状态后端设置为不可用后前端再改为可用状态且改变控件的颜色的方法：
在网页设计中，经常会将初始化为不可用状态的控件通过后台的初始化事件一次性定义好，但是在前台使用过程中又有可能根据其他控件的值来改变某控件的可用状态，且由灰色改为白底黑字的状态，那么如果在前端改为可用和不可用状态，非常简单，但是从后台改为不可用后，再在前端改为可用状态，就不是那么简单，一是要通过js改变只读状态属性，二是要改变可用状态属性，三是要改变控件的颜色，具体代码中下：这里用的是DEVEXPRESS控件，其他控件没有研究。

 function fkfs_TextChanged(s,e)
            {
                var fkfs_str = fkfs.GetText().trim();
                if(fkfs_str=="充值卡")
                {
                    fkh.SetEnabled(true);
                    
                    $("#" + fkh.name + "_I").css({ "background-color": "#ffffff", "color": "#000000"});
                    $("#" + fkh.name + "_I").attr("readonly", false);
                    $("#" + fkh.name + "_I").parent().css({ "background-color": "#ffffff" });
                    knye.SetEnabled(true);
                    $("#" + knye.name + "_I").css({ "background-color": "#ffffff", "color": "#000000"});
                    $("#" + knye.name + "_I").attr("readonly", false)
                    $("#" + knye.name + "_I").parent().css({ "background-color": "#ffffff" });
                }
                else
                {
                    fkh.SetEnabled(false);
                    $("#" + fkh.name + "_I").css({ "background-color": "#ece6d5", "color": "#afaab1" });
                    $("#" + fkh.name + "_I").attr("readonly", true)
                    $("#" + fkh.name + "_I").parent().css({ "background-color": "#ece6d5" });
                    knye.SetEnabled(false);
                    $("#" + knye.name + "_I").css({ "background-color": "#ece6d5", "color": "#afaab1" });
                    $("#" + knye.name + "_I").attr("readonly", true)
                    $("#" + knye.name + "_I").parent().css({ "background-color": "#ece6d5" });
                }

            }