如何重新加载jqxwindow initContent:function()?

时间:2017-12-15 07:03:53

标签: javascript jquery jqxwidgets

请告诉我如何重新加载jqxwindow initContent: function ()的内容。我在jsp中为下面的所有id创建了一个div。

Function f1() {
  var themeName = 'bootstrap';
  var lp = Number((window.screen.width-900)/2);
  var tp = Number((window.screen.height-400)/2);

  $('#confirmContainer').css('display', 'block');
  $('#confirmContainer').jqxWindow({
    position: { x: lp, y: tp},
    maxHeight: 150, maxWidth: 420, minHeight: 30, minWidth: 250, height: 100, width: 400,
    resizable: false, isModal: true, modalOpacity: 0.3, theme: themeName,
    okButton: $('#confirmOk'),
    cancelButton: $('#confirmCancel'),
    initContent: function() {
      $('#confirmOk').jqxButton({width: '65px', theme: themeName});
      $('#confirmCancel').jqxButton({width: '65px', theme: themeName});
      $('#confirmCancel').focus();
      $('#confirmTitleMessage').html('Confirmation');
      $('#confirmContentMessage').html("Do you want to update ?");
      $('#confirmOk').click(function() {
        notyutil.showMessage("Requested process has been completed.");
      });
      $('#confirmCancel').click(function() {});
    }
  });
}

现在整个场景是:

  1. 我有两个按钮(按钮的ID为:id1id2)。在两个按钮的click事件中,我想用相同的代码执行两个不同的函数(函数名:f1()f2()),但在这两个函数中,我在initContent: function()中定义了不同的逻辑。 / p>

  2. 如果我点击第一个按钮(id1)并执行函数f1()它将正常工作,但当我点击按钮2(id2)并执行函数f2()时,它将执行initContent()的相同逻辑 功能f1()

1 个答案:

答案 0 :(得分:0)

initContent: function()只会执行一次。使用jqxWindow open事件动态制作

$('#confirmContainer').jqxWindow('open',function(){

       // do the stuff here....
});