jquery对话框根据类

时间:2017-12-06 19:35:58

标签: jquery dialog

我有一个表格行,点击后会打开一个对话框。表行的类是"关联"或"无关联"。我正在尝试为对话框创建按钮,但它们将根据单击的行类别而不同。

  $('#opps tr').click(function(){
         var thisClass = $(this).attr('class');
         $('#oppData').dialog({
                            width: dWidth,
                            height:dHeight,
                            modal:true,
                            buttons: {
         //if thisClass == unassociated
                     "Submit":function(){ //do stuff }

         // if thisClass == associated
                     "Do Other stuff":function(){}
                           }
    });
 });

我怎样才能实现这一目标?

1 个答案:

答案 0 :(得分:1)

您可以通过一些代码重构来完成此操作。答案的核心是jQuery函数hasClass,它将帮助您确定按钮属性。我还使用了这样的想法:每个JSON对象只是一个属性包,并使用属性包语法构建myButtons

$('#opps tr').click(function(){
         var myButtons= {};

         if ($(this).hasClass("associated")) {
            myButtons["Submit"] = function () { ... };
         } else {
            myButtons["Do Other stuff"] = function(){ ... };
         }

         $('#oppData').dialog({
                            width: dWidth,
                            height:dHeight,
                            modal:true,
                            buttons: myButtons
         });
 });
相关问题