添加一个打开对话框的按钮

时间:2015-12-25 23:39:03

标签: javascript jquery dialog

我想帮助添加一个打开对话框的按钮。可能它很容易做到,但到目前为止我还没有设法实现它。

我有以下javascript函数:

function extract_results(jsonDataRaw){
    jsonResultSect = jsonDataRaw['result']
    retTable = ""
    retText = "ret text <br/>"
    for( key in jsonResultSect){
        myJ = jsonResultSect[key]

        a = myJ['a']
        b = myJ['b']
        c = myJ['c']
        init = myJ['INIT1'] + myJ['INIT2']
        r = myJ['RUNNING']

        retTable += "<tr><td><td>" + key +  "</td><td>" +a + "</td><td>" + b + "</td><td>" + c + "</td><td>" + init + "</td><td>" + r + "</td></tr>"

    }
    return retTable
}

另外,我有以下表格:

       <div id="contactdiv">
              <form class="form" action="#" id="contact">
                  <img src="images/button_cancel.png" class="img" id="cancel" />
                  <h3>Contact Form</h3>
                  <hr/>
                  <br/>
                  <label>Name: <span>*</span>
                  </label>
                  <br/>
                  <input type="text" id="name" placeholder="Name" />
                  <br/>
                  <br/>
                  <label>Email: <span>*</span>
                  </label>
                  <br/>
                  <input type="text" id="email" placeholder="Email" />
                  <br/>
                  <br/>
                  <label>Contact No: <span>*</span>
                  </label>
                  <br/>
                  <input type="text" id="contactno" placeholder="10 digit Mobile no." />
                  <br/>
                  <br/>
                  <label>Message:</label>
                  <br/>
                  <textarea id="message" placeholder="Message......."></textarea>
                  <br/>
                  <br/>
                  <input type="button" id="send" value="Send" />
                  <input type="button" id="cancel" value="Cancel" />
                  <br/>
              </form>
          </div>

我从以下link获取此表单。

对于retTable的每一行,我想添加一个带有简单按钮的附加列,该按钮将弹出一个包含上述表单的对话框,并发送key作为参数。

不幸的是,我没有设法在我的代码中结合这个例子。我能够创建一个包含表单的简单弹出窗口,但我只想要对话框,并发送key作为参数。

1 个答案:

答案 0 :(得分:0)

我建议的解决方案显示一个div - 称为弹出窗口 - 当然,您可以将其设置为对话。已为数据对象中每一行的新列添加了一个按钮。单击该按钮将显示弹出窗口,并传入键索引。希望这足以让你前进。我的例子只是按照你的要求传递了密钥,但也许你想要这个值。无论如何,希望这会有所帮助。

com.google.android.gms.play-services-auth