标签: jquery-ui-dialog

我怎样才能改变CSS从javascript.

我正在使用jQuery-ui Dialog,我想改变DIVjavascript 的风格.

谢谢

我有ASP.NET的jQuery UI对话框.我在对话框中包含一个复选框列表.因为它是一个"编辑页面",所以已经检查了一些复选框,因为首次加载页面时从datatbase获取数据.

当我点击链接打开对话框时,我没有问题,一切都按预期工作.但是,如果我没有单击链接以打开对话框,则在提交表单时,不会从代码隐藏中获取这些复选框值.我理解,因为当加载页面时,jQuery UI对话框将"div"附加到"form"元素之外的HTML主体.

    //I'm trying to append dialog-dept to form on document ready like this but not yet working
     $("#dialog-dept").parent().appendTo($("form:first"));

当页面首次加载时,如何使ASP.NET页面所需的"表单"标记的jQuery UI对话框成为一部分？

因为页面上还有许多其他字段,而不仅仅是那些复选框.有时,可能不需要打开对话框来选择任何复选框.

只有当我点击链接打开对话框时,下面的代码才能正常工作.

 $(document).ready(function() {

        // Dialog Link
        $('#dialog_link_dept').click(function() {
            $('#dialog-dept').dialog('open');
            return false;
        });

        // Launch Dialog
        $('#dialog-dept').dialog({
            autoOpen: false,
            width: 700,
            modal: true,
            open: function(type, data) {
                $(this).parent().appendTo("form");
            }
        });

    });
</script>

我正在这个测试页面上工作:http://www.problemio.com/test.php

如果单击登录链接,您可以看到它看起来很漂亮并且适合默认宽度.

但是,如果单击创建配置文件链接,您会发现弹出窗口太窄而无法容纳所有表单域和文本.

我尝试通过给像这样的包含div的一些样式来扩大它,但这只会使div更宽,但不会打开弹出窗口.

如何控制jQuery弹出窗口的样式和宽度/高度？谢谢!

我可以使用以下代码向对话框添加一个按钮:

var buttonName = "test";
var func = new function(){alert("")};

var buttons = $('#SomeID').dialog('option', 'buttons');
buttons[buttonName] = func;
$('#SomeID').dialog('option', 'buttons', buttons);

但我希望我的按钮也有一个ID,如何添加一个ID属性的按钮？

我想在对话框上显示视图或部分视图.ASP.NET Mvc 4默认模板(AjaxLogin.js)中有一个示例.如果login是ajax,AjaxLogin.js会捕获.并运行jsonresult或actionresult.AjaxLogin通过将参数传递给对话框来控制它.所以传递参数对我来说很重要.

我的指定表单使用此库是否有问题.或者是否有关于此主题的另一个js库？

我是关于jquery ui的新手.对于其他形式,我现在在我的项目中使用AjaxLogin.js.他们工作.我应该继续使用吗？

谢谢.

我有一个程序,我有jQuery UI对话框.我希望这些对话框在失去焦点时关闭,例如用户点击相关对话框之外的任何地方.

从表面上看,这似乎是一个简单的问题,但blur事件根本不起作用.从那以后,我转向了focusin和focusout,但偶然发现一个奇怪的问题:

当我有一个对话,并已附着focusin和focusout含有该对话框(I称为元素的父元素dialog上).对话框出现后的第一次单击始终会产生一个focusout事件,无论点击的位置如何.

因此,如果我想破坏对话框focusout,那么对话框就不会被破坏.这是证明我的问题的jsFiddle.

我知道我可以使用一些技巧来忽略第一个focusout,但是我想知道是否有任何方法可以让它以正确的方式工作,这是当用户点击第一个对话框之外时产生的唯一事件时间.

更新:

在以下帮助下,我找到了一个令人愉快的答案underscore.js:

我将问题分解为部分:

1. A focusout在第一次点击时发生
2. 如果单击是在对话框外部,则没有其他事件
3. 如果单击是在对话框中,则会focusin跟随一个事件

因此,当有一系列focusout- > 时发生了不希望的行为focusin.我使用下划线的defer函数和布尔修饰符来解决这个问题

onFocusout: function(event) {
  console.log('focus out');
  this.hasFocus = false;
  var self = this;
  _.defer(function() {
    if (!self.hasFocus) alert('DESTROY DIALOG');
  });
},

onFocusin: function() {
  console.log('focus in');
  this.hasFocus = true;
},

defer使函数等待,直到调用堆栈已清除(在错误的行为情况下,focusin堆栈中有一个事件等待),然后执行它.因此,如果在变量更改 …

请求宽恕,如果这在其他地方有所回答(链接到那将是非常有帮助的)

我无法在$ .widget上找到一个好的教程或文档.UI文档在某种程度上受到限制.我正在寻找的是有关如何有效定义事件和调用自定义小部件的文档.如何拦截基本小部件中的事件.什么是最佳实践和推荐的设计模式.

令人遗憾的是(并且令人惊讶地)我发现的唯一文档是http://msdn.microsoft.com/en-us/library/hh404085.aspx.

我正在构建(或尝试构建)一个自定义小部件(ui.dialog作为基础),它将在其中托管一个slickgrid和一些按钮来导航数据(slickgrid默认的不够好,因为数据源是由ajax驱动的) .

到目前为止,我的进步非常好,我开始欣赏$ .widget的力量.由于我在这里处于学习阶段,我希望得到一些关于最佳实践的专家建议和指导.

提前致谢

我需要一个对话框窗口来弹出一个表单并将值传递给此表单.我尝试了几种解决这个问题的方法,但我无法这样做.我一直在搜索,似乎什么都没有用.

这是我最近的尝试:

  var message="variable";

 .click(function() {
 $( "#dialog-form" ).dialog( "open" );
 $('<input>').attr({
    type: 'text',
    id: 'hidden-input",
    value: message,
    name: 'bar'
 }).appendTo("#dialog-form");

如果我把追加放在对话框内弹出停止工作(我想我不知道如何正确地做到这一点)

我有一个对话框"弹出"框,可以加载图片和信息,每当我启动框时,页面会自动滚动到底部,不会让我向上滚动直到所有信息都加载完毕.我不知道为什么会这样做.有什么想法吗？

$( "#dialog-view" ).dialog({
        resizable: false,
        width:'auto',
        fluid: true,
        modal: true,
        autoOpen: false,

        buttons: 
            {
    "Done": function() 
    {
      $("#dialog-view").dialog("close");
    }
  }
});  

我想使用jquery对话框来收集用户信息(例如用户名).如何使用Jquery并将数据收集到Javascript变量中？

这是我到目前为止的尝试:

// Dialog here, how to rewrite this?
$('<form> <input type="text" style="z-index:10000" name="name"> <br> </form>').dialog({modal:true});

// push data to Parse
var Label = Parse.Object.extend("Label");
var result = new Label();
result.set("labels", localStorage.getItem("labels"));
result.set("name", name);

result.save(null, {
  sucess : function(result) {
    alert("Stored data sucessfully!");
  },
  error: function(result, error) {
    alert("Error submitting data, error code:" + error.message);
  }
});

但是我还没输入文字.