• 后台添加代码的方式模态框的方法


    以添加含有帮助的方式为例:

    1,在某DIV后面增加代码:

    $("#ListBoxControl1_1772158006").after(function()
        { return "<div id='firstmodal' class='modal container fade' role='dialog' tabindex='-1' style='display: none;'><div class='modal-header'><button type='button' class='close' data-dismiss='modal' aria-hidden='true'>×</button><h4 class='modal-title'>第一层模态窗口</h4></div><div class='modal-body'><div id='GroupControl4_1811834094-body'><div data-visible='true'><a id='LinkLabel1_1674513499' name='' href='' data-visible='true' class='btn btn-info'><span>修改</span></a></div><div class='form-group'><label for='XTextBox3_2100682917'>批号</label><div class='input-icon-group'><input id='XTextBox3_2100682917' name='XTextBox3_2100682917' placeholder='' data-clearbtn='true' type='text' data-visible='true' data-bind='datasource:{dataSourceName:'Instance_DataModel14_Card', value:'DHDFL.BATCHID'}' data-bv-notempty='false' class='form-control'> <span data-role='clearBtn' class='iconjs iconjs-clear input-icon input-icon-clear'> </span></div></div><div class='form-group'><label for='XCalculator1_2100682917'>数量</label><div class='input-icon-group'><input type='hidden' value='2'><input id='XCalculator1_2100682917' name='XCalculator1_2100682917' placeholder='' data-clearbtn='true' type='number' data-visible='true' data-bind='datasource:{dataSourceName:'Instance_DataModel14_Card', numberbox:'DHDFL.IMQUANTITY'}' data-bv-notempty='false' class='form-control' data-bv-accuracy='true' data-bv-accuracy-num='8' data-bv-accuracy-message='' data-bv-field='XCalculator1_2100682917'> <span data-role='clearBtn' class='iconjs iconjs-clear input-icon input-icon-clear'> </span></div><small class='help-block' data-bv-validator='accuracy' data-bv-for='XCalculator1_2100682917' data-bv-result='NOT_VALIDATED' style='display: none;'>请输入精度内数字</small></div><div class='form-group'><label for='XSmartDictLookup2_723727198'>货位</label><div class='input-group'><div class='input-icon-group'><input id='XSmartDictLookup2_723727198_value' name='XSmartDictLookup2_723727198_value' type='hidden' class='excluded'><input type='text' id='XSmartDictLookup2_723727198' name='XSmartDictLookup2_723727198' placeholder='' data-role='lookup' data-clearbtn='true' data-showfavor='false' data-multiselect='true' data-separator=';' data-istree='false' data-visible='true' data-bind='datasource:{dataSourceName:'Instance_DataModel14_Card', value:'DHDFL.LOCATIONID_LOCATIONNAME'}' data-bv-notempty='false' data-helpid='48df741a-3e3f-4e9a-b25a-64b880851ec0' data-valuefield='LOCATIONID' data-textfield='LOCATIONNAME' data-businessobject='' data-businessoperation='' data-permissionfield='' data-refelementid='' data-mapfields='{'LOCATIONID_LOCATIONCODE': 'LOCATIONCODE','LOCATIONID': 'LOCATIONID'}' class='form-control' readonly=''> <span data-role='clearBtn' class='iconjs iconjs-clear input-icon input-icon-clear'> </span></div><span class='input-group-btn'><button class='btn btn-info search' type='button'><i class='iconjs iconjs-lookup'> </i></button></span></div></div></div><div class='modal-footer' style='text-align: center;'><button type='button' data-dismiss='modal' class='btn btn-default'>关闭</button></div></div>"
        });

    2,增加弹出模态框方法:

    $("#ToolStripButton3_1872779387").on("click",function()
        {
            $("#firstmodal").modal();
    
            $("#firstmodal").simpleEnhance();//帮助初始化
        });

    3,总代码

        $("#ListBoxControl1_1772158006").after(function()
        { return "<div id='firstmodal' class='modal container fade' role='dialog' tabindex='-1' style='display: none;'><div class='modal-header'><button type='button' class='close' data-dismiss='modal' aria-hidden='true'>×</button><h4 class='modal-title'>第一层模态窗口</h4></div><div class='modal-body'><div id='GroupControl4_1811834094-body'><div data-visible='true'><a id='LinkLabel1_1674513499' name='' href='' data-visible='true' class='btn btn-info'><span>修改</span></a></div><div class='form-group'><label for='XTextBox3_2100682917'>批号</label><div class='input-icon-group'><input id='XTextBox3_2100682917' name='XTextBox3_2100682917' placeholder='' data-clearbtn='true' type='text' data-visible='true' data-bind='datasource:{dataSourceName:'Instance_DataModel14_Card', value:'DHDFL.BATCHID'}' data-bv-notempty='false' class='form-control'> <span data-role='clearBtn' class='iconjs iconjs-clear input-icon input-icon-clear'> </span></div></div><div class='form-group'><label for='XCalculator1_2100682917'>数量</label><div class='input-icon-group'><input type='hidden' value='2'><input id='XCalculator1_2100682917' name='XCalculator1_2100682917' placeholder='' data-clearbtn='true' type='number' data-visible='true' data-bind='datasource:{dataSourceName:'Instance_DataModel14_Card', numberbox:'DHDFL.IMQUANTITY'}' data-bv-notempty='false' class='form-control' data-bv-accuracy='true' data-bv-accuracy-num='8' data-bv-accuracy-message='' data-bv-field='XCalculator1_2100682917'> <span data-role='clearBtn' class='iconjs iconjs-clear input-icon input-icon-clear'> </span></div><small class='help-block' data-bv-validator='accuracy' data-bv-for='XCalculator1_2100682917' data-bv-result='NOT_VALIDATED' style='display: none;'>请输入精度内数字</small></div><div class='form-group'><label for='XSmartDictLookup2_723727198'>货位</label><div class='input-group'><div class='input-icon-group'><input id='XSmartDictLookup2_723727198_value' name='XSmartDictLookup2_723727198_value' type='hidden' class='excluded'><input type='text' id='XSmartDictLookup2_723727198' name='XSmartDictLookup2_723727198' placeholder='' data-role='lookup' data-clearbtn='true' data-showfavor='false' data-multiselect='true' data-separator=';' data-istree='false' data-visible='true' data-bind='datasource:{dataSourceName:'Instance_DataModel14_Card', value:'DHDFL.LOCATIONID_LOCATIONNAME'}' data-bv-notempty='false' data-helpid='48df741a-3e3f-4e9a-b25a-64b880851ec0' data-valuefield='LOCATIONID' data-textfield='LOCATIONNAME' data-businessobject='' data-businessoperation='' data-permissionfield='' data-refelementid='' data-mapfields='{'LOCATIONID_LOCATIONCODE': 'LOCATIONCODE','LOCATIONID': 'LOCATIONID'}' class='form-control' readonly=''> <span data-role='clearBtn' class='iconjs iconjs-clear input-icon input-icon-clear'> </span></div><span class='input-group-btn'><button class='btn btn-info search' type='button'><i class='iconjs iconjs-lookup'> </i></button></span></div></div></div><div class='modal-footer' style='text-align: center;'><button type='button' data-dismiss='modal' class='btn btn-default'>关闭</button></div></div>"
        });
    
        $("#ToolStripButton3_1872779387").on("click",function()
        {
            $("#firstmodal").modal();
    
            $("#firstmodal").simpleEnhance();
        });
  • 相关阅读:
    root登录出现“sorry, that didn't work please try again”
    【自适应辛普森】积分计算
    【CF1553F】Pairwise Modulo
    调和级数的复杂度
    CF 1600-2000 的思维题
    中超热身赛(2021湘潭全国邀请赛-重现)补题
    牛客2021年度训练联盟热身训练赛第一场(讲题)
    新知识-Queue_循环队列
    新知识-valueOf(Leetcode 1556_千位分隔符)
    新知识-位运算(Leetcode 217_存在重复元素)
  • 原文地址:https://www.cnblogs.com/alsf/p/6524371.html
Copyright © 2020-2023  润新知