[轉]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> 
   

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章