开源easyui.selectdialog

时间:13-04-28 栏目:EasyUI, web前端 作者:zongyan86 评论:1 点击: 6,678 次

死马开源的一个easyui的弹出移动选择插件:地址:http://www.kaifa360.com/blog/page/selectdialog.aspx 大家多多支持!

工作室会定期开源一些我们认为实用和使用频率比较高的一些组件,这也是我们技术团队对技术的一种分享精神,请使用者务必遵守我们或者说软件行业的开源精神(国内的希望能秉承这种精神)

我们会将这一精神继续下去,而不断壮大和提高我们的技术实力和开源项目.

在使用EasyUI开发的时候,我们经常可以看到截图这样的功能要求,如选择人、选择部门这样的采集形式,工作室考虑到了该控件的实用性特此封装了由部分EasyUI控件,组成了自定义组件selectdialog Jquery左右选择对话框组件。

本人JS编码水平有限,高手请指点,入门级别使用者可直接使用如遇到困难可直接提交问题给我们或发送邮件。

截图:

使用方式:

$("#id").selectDialog({
        caption: '选择用户窗口',
        icon: 'selectdialog',
        width: 700,
        sourceHandler: url,
        okClick: function () {
              $("#id").selectDialog('close');
        }
 });

参数列表:
caption: '选择窗口', //窗体标题
icon: '',// 窗体图标
width: 400, //窗体宽度
height: 500, //窗体高度
fit: false, //是否完全填充
modal: false, //是否模式窗体
closed: true, // 加载时是否关闭
buttions: [], //窗体按钮可按照原生dialog控件
sourceHandler: "", //源数据加载路径
okClick: function () { } //确定按钮默认事件

事件:

open: 窗体打开。
调用方式:
$("#id").selectDialog('open');

close: 窗体关闭。
调用方式:
$("#id").selectDialog(close);

getValue: 获取选择的所有结点。
调用方式:
$("#id").selectDialog('getValue');

getSelectedChildren: 获取选择的所有结点的子节点。
调用方式:
$("#id").selectDialog('getSelectedChildren');

版本列表:

jquery.easyui.selectdialog1.0.0.1.rar (2.44 kb)

更新说明:

V1.0.0.1 控件实现基本使用功能。




声明: 本文由( zongyan86 )原创编译,转载请保留链接: 开源easyui.selectdialog

关注我们