ace加 jqueryui 的 dialog弹出窗口

HTML

 <div id="dialog-message" class="hide">
                                <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> Text Field </label>

                                    <div class="col-sm-9">
                                        <input type="text" id="form-field-1" placeholder="Username" class="col-xs-10 col-sm-5" />
                                    </div>
                                </div>

                                <div class="hr hr-12 hr-double"></div>

                                <p>
                                    Currently using
                                    <b>36% of your storage space</b>.
                                </p>
                            </div>

 开始隐藏

 

点击按钮弹出 

 function Modify(id) {
            var grid_selector = "#grid-table";
            var model = jQuery(grid_selector).jqGrid('getRowData', id);
            //alert(model.id);
            $("#form-field-1").val(model.name);
            var dialog = $("#dialog-message").removeClass('hide').dialog({
                modal: true,
                height: 330,width:500 ,
                title: "<div class='widget-header widget-header-small'><h4 class='smaller'><i class='ace-icon fa fa-check'></i> jQuery UI Dialog</h4></div>",
                title_html: true,
                buttons: [
                    {
                        text: "Cancel",
                        "class": "btn btn-xs",
                        click: function () {
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "OK",
                        "class": "btn btn-primary btn-xs",
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });
        }

 注意这里 title设置的是 html所有要重写jqueryui的 title

    $.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, {
            _title: function (title) {
                var $title = this.options.title || '&nbsp;'
                if (("title_html" in this.options) && this.options.title_html == true)
                    title.html($title);
                else title.text($title);
            }
        }));

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值