最近在用PHP做一個MySQL數據表生成XML模式的工具,想給它加個GUI,於是想到了YUI,一番鼓搗以後,初步瞭解了YUI的DataTable到用法。於是把它寫下來方便以後查閱。
任務1:從服務器讀取數據,然後使用DataTable顯示
Mission start!
1.放幾個輸入框在頁面上,以便輸入服務器需要的參數。我這裏是這樣的:
<div id="div_login">
<div id="div_login_host">
<span>Host:</span>
<span>
<input type="text" id="input_host" value="127.0.0.1"
/></span>
</div>
<div id="div_login_port">
<span>Port:</span>
<span>
<input type="text" id="input_port" value="3306"
/></span>
</div>
<div id="div_login_user">
<span>UserName:</span>
<span>
<input type="text" id="input_username" value="root"
/></span>
</div>
<div id="div_login_pwd">
<span>Password:</span>
<span>
<input type="password" id="input_password"
/></span>
</div>
<div id="div_login_dbName">
<span>Database:</span>
<span>
<input type="text" id="input_dbName"
value="simplespace"
/></span>
</div>
<div id="div_login_submit">
<input type="button" value="Login"
οnclick="btnLogin_Click();" />
</div>
</div>
<div id="div_tables">
<div id="div_tableList">
</div>