小插件: 例 新增操作人 点击文本框需要展示所有的人员提供选择弹框 人员信息全部自动带出来

  效果图:

描述: 点击人员input 弹出模态框提供选择 , 选择确定后人员信息自动带入以下文本框

页面:

 <div class="form-group">
                                    <label class="col-md-3 control-label">维修人系统编号:</label>
                                    <div class="col-md-8">
                                        <input id="RepairUserAccount" name="RepairUserAccount" onfocus="ShowBaseGetUser(‘RepairUserAccount‘,‘RepairUserName‘,‘RepairUser‘)" style="width: 100%; height: 30px;" type="text" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">维修人姓名:</label>
                                    <div class="col-md-8">
                                        <input id="RepairUserName" name="RepairUserName"  disabled="disabled" style="width: 100%; height: 30px;" type="text" />
                                    </div>
                                </div>

js:

///account用户编号 、userName系统编号 、userId用户Id(隐藏域)
function ShowBaseGetUser(account, userName, userId) {
    var str = ‘<div class="modal fade" id="_SendRepairUserModal" tabindex="1000" role="dialog" data-keyboard="false" aria-labelledby="remoteModalLabel" aria-hidden="true">‘;
    str += ‘<div class="modal-dialog" style="width:550px;">‘;
    str += ‘<div class="modal-content" id="_SendRepairUserModal_content">‘;
    str += ‘<div class="modal-body" style="padding-top:2px;padding-bottom: 2px;">‘;
    str += ‘<div class="row">‘;
    str += ‘<table id="form_table" class="form-horizontal easyui-form" novalidate="novalidate">‘;
    str += ‘<tr style="height: 45px;">‘;
    str += ‘<td class="textright" style="width: 60px">姓名:</td>‘;
    str += ‘<td class="textright" style="width: 150px">‘;
    str += ‘<input id="_selUserName" name="_selUserName" class="easyui-validatebox form-control" />‘;
    str += ‘</td>‘;
    str += ‘<td class="textright" style="width: 80px">所属部门:</td>‘;
    str += ‘<td style="width: 150px">‘;
    str += ‘<input type="hidden" id="_parentid" name="_parentid" />‘;
    str += ‘<input id="_parentname" name="_parentname" style="width: 100%; height: 32px;" data-options="" />‘;
    str += ‘</td>‘;
    str += ‘<td class="textright" style="width:90px;">‘;
    str += ‘<a href="javascript:void(0);" type="button" class="btn btn-primary" onclick="$UloadGridUser()">‘;
    str += ‘<i class="glyphicon glyphicon-search"></i>&nbsp;&nbsp;查询&nbsp;  </a>‘;
    str += ‘</td>‘;
    str += ‘</tr>‘;
    str += ‘</table>‘;
    str += ‘<div class="decinfo">‘;
    str += ‘<table id="_companyuser_datagrid" style="width: 100%">‘;
    str += ‘</table>‘;
    str += ‘</div>‘;
    str += ‘</div>‘;
    str += ‘<div class="modal-footer" style="padding-top:2px;padding-bottom: 2px; border-top:0px;">‘;
    str += ‘<a href="javascript:void(0);" type="button" class="btn btn-success" id="_selectUser">‘;
    str += ‘<i class="glyphicon glyphicon-ok"></i>&nbsp;&nbsp;选择&nbsp;  </a>‘;
    str += ‘<a href="javascript:void(0);" class="btn btn-danger" data-dismiss="modal">‘;
    str += ‘<i class="glyphicon glyphicon-remove"></i>&nbsp;&nbsp;取消&nbsp;  </a>‘;
    str += ‘</div>‘;
    str += ‘</div>‘;
    str += ‘</div>‘;
    str += ‘</div>‘;
    $("#form1").after(str);
    setTimeout(‘$UloadGridUser()‘, 500);
    $USelloadCombxTree();
    $(‘#_SendRepairUserModal‘).modal(‘show‘);
    //保存
    $("#_selectUser").unbind(‘click‘).bind(‘click‘, function (e) {
        var row = $("#_companyuser_datagrid").datagrid("getSelected");
        if (row != null) {
            if (account != "") {
                $("#" + account).val(row.Account);
            }
            if (userName != "") {
                $("#" + userName).val(row.UserName);
            }
            if (userId != "") {
                $("#" + userId).val(row.ID);
            }
        }
        $(‘#_SendRepairUserModal‘).modal(‘hide‘);
    })
}

//上级部门下拉选项加载
function $USelloadCombxTree() {

    $(‘#_parentname‘).combotree({
        url: ‘/admin/CompanyAdmin/Hanlder/CompanyService.ashx?function=getCompanyComboxTreeList‘,
        animate: true,
        loadFilter: function (rows) {
            return convert3(rows);
        },
        lines: true,
        dataPlain: true,//该属性用以启用当前 easyui-tree 控件对平滑数据格式的支持
        toggleOnClick: false,
        checkbox: true,
        enableContextMenu: false,
        onClick: function (node) {
            $("#_parentid").val(node.id);
            $("#_parentname").combotree("setText", node.text);
            $(‘#_parentname‘).combotree("hidePanel");
        },
    });

}

function $UloadGridUser() {
    $(‘#_companyuser_datagrid‘).datagrid({
        url: ‘/admin/CompanySystemadmin/Hanlder/companyService.ashx?function=getUserListByCompanyId‘,
        pageSize: 10,
        pageList: [10, 15, 20, 25],
        queryParams: {
            UserName: $("#_selUserName").val(),
            seleducation: $("#_seleducation").val(),
            parentid: $("#_parentid").val()
        },
        pagination: true,
        rownumbers: false,
        singleSelect: true,
        fitColumns: true,
        columns: [[
                { field: ‘ck‘, checkbox: true },
                { field: ‘Account‘, title: ‘<center>系统编号</center>‘, width: 110 },
                { field: ‘UserName‘, title: ‘<center>姓 名</center>‘, width: 80 },
                { field: ‘OrgName‘, title: ‘<center>所属部门</center>‘, width: 160 },
                { field: ‘Position‘, title: ‘<center>职务(工种)</center>‘, width: 200 }
                //{ field: ‘Statue‘, title: ‘<center>状态</center>‘, width: 60, formatter: StatueFormatter },
                //{ field: ‘Sex‘, title: ‘<center>性别</center>‘, width: 60 },
                //{ field: ‘Education‘, title: ‘<center>学历</center>‘, width: 90 },
                //{ field: ‘BirthDate‘, title: ‘<center>出生年月</center>‘, width: 100, formatter: dateNYRFormatter },
                //{ field: ‘Age‘, title: ‘<center>年龄</center>‘, width: 60 },
                //{ field: ‘EntryTime‘, title: ‘<center>进地铁年月</center>‘, width: 120, formatter: dateNYRFormatter },
                //{ field: ‘EnglishName‘, title: ‘<center>英文名</center>‘, width:100 },
                // { field: ‘UserType‘, title: ‘<center>用户类别</center>‘, width: 80, formatter: UserTypeFormatter },
        ]]
    });

}

原文地址:https://www.cnblogs.com/niesiao/p/10271766.html

时间: 2024-11-08 22:52:42

小插件: 例 新增操作人 点击文本框需要展示所有的人员提供选择弹框 人员信息全部自动带出来的相关文章

eclipse中去掉py文件中烦人的黄色弹框

eclipse中写py文件,当鼠标点击在参数上时总是出现黄线的弹框,影响人操作,感觉特别烦,如下: 解决方案: windows--preferences--hover--pydev--hover取消选中框,如下:

java+selenium+new——操作JavaScript的3个弹框对比总结

引入包:import org.openqa.selenium.Alert; js的alert弹框 Alert alert = driver.switchTo().alert(); //获取并创建alert对象 alert.getText(); //获取弹出框中的文字 alert.accept(); //点击弹出框上面的确定按钮 ======================================================================== js的confirm弹框

Chrome插件开发 小插件-acfun看图 1

之前在acfun看文章,经常遇到别人发其他网站的图而导致无法看到.这很不好,而且要想看到这些图片,操作是获得图片地址后,将最后的jpg改为jpeg即可,这种简单的操作应该是很容易实现的,于是我要开发一个简单的小插件来方便自己看评论.... 首先,先介绍一下开发的原因,在acfun下的评论中有时候会有一些其他人发的图片,这些图片由于是从自己的网盘或者空间发出来的,类似百度,会被屏蔽,出现 一般的解决方法是获得其图片地址后,在新的页面打开,将最后的jpg后缀改为jpeg,然后就可以看到图片了. 然后

【Bootstrap】优秀小插件收集

Bootstrap中不乏很多优秀的小插件来让界面更加漂亮.比如之前做过笔记的bootstrap-fileinput,select2,datetimepicker等都是属于这一系列的.这些相对而言比较大一点.其他还有一些比较轻比较小的插件,也很好,特此开篇来记录一下. 由于是基于bootstrap的插件,所以基本上所有插件都是需要bootstrap和jquery相关文件的.也就是说下面的说明中我们默认页面上已经有了: <link href="/static/css/bootstrap.min

查看SQLSERVER内部数据页面的小插件Internals Viewer

原文:查看SQLSERVER内部数据页面的小插件Internals Viewer 查看SQLSERVER内部数据页面的小插件Internals Viewer 感觉internals viewer这个名字起得很好,内部查看. 这个小工具是我之前看园子里的某大侠转载的文章是看到的 文章地址:SQL Server2008存储结构之堆表.行溢出 http://www.cnblogs.com/trams/archive/2010/09/11/1823727.html 这几天研究了一下这个小工具,发现挺好用

图片轮播小插件

在手上工作完成之余,自己写了一个jQuery小插件,针对我们现在所用到的图片轮播特效进行一个封装,没事就写写,记录我的前端历程上的点点滴滴. 编写背景: 在web端经常会看到图片滚来滚去的,自己就想一个方式,让前端团队开发这些特效时间更快,效果更好,实现特效的方式更多,可以随意替换图片轮播的方式,兼容各个浏览器,是我的初衷,也是对自己的js编程经验一个积攒,我相信带着兴趣做自己喜欢的事,是工作生活的初衷意义... 插件介绍: 本“小插”是基于jQuery上进行开发,对所播放的图片大小做了自适应,

NppFTP小插件的使用

大家在Linux系统中配置运行环境时,一定会遇到相关配置文件的修改,虽说在Linux系统中可以使用vi,vim的命令进行文本编辑,但是操作起来还是没有在Windows系统中用的爽,特别是操作大文本量的文件时.Notepad++里提供了一个小插件,可以方便的对Linux里的文件进行文档编辑. 一.插件的下载与安装 如果大家下载的Notepad++里没有NppFTP插件的话(图一),可以点击下面的连接根据自己的位数选择下载.下载完成后将解压包里的.dll文件拽到Notepad++文件夹里的plugi

谷歌浏览器修改cookie访问网页的小插件——EditsThisCookie

cookie是服务器用来区分不同的浏览器客户端的,比如学生A和B同一时段用各自的电脑访问学校访问学校的教务系统查看成绩,登录之后,访问同一页面确出来不同的信息,并且不能查看对方的信息,这就是因为服务器用利用cookie把每个人区分开了. 在登录后,服务器会给你发送一段cookie,浏览器会把这cookie保存下来,然后访问服务器的时候把这段cookie也发送给服务器,服务器根据不同的cookie区分不同的人.cookie以键值对的形式存在,也就是说他是一些键值对. 你如果知道了别人登录后的coo

简单的轮播图小插件

1 (function () { 2 $.fn.moreImg = function () { 3 var allpar = Array.prototype.slice.call(arguments);//获取传过来的参数,打散成数组,如对这个有疑问可以参考我收藏的[优雅代码]深入浅出 妙用Javascript中apply.call.bind的那个文章,作者讲的老好了 4 var elem = allpar[0]; 5 var allImg = allpar[1]; 6 if (allImg.l