[轉]YUI之DataTable（未完待續）

最近在用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>