<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    grid

    grid

      BlogJava :: 首頁 :: 聯系 :: 聚合  :: 管理
      78 Posts :: 0 Stories :: 62 Comments :: 0 Trackbacks
    CRUD之:彈出面板編輯
          
               
     參考示例CRUD之:彈出面板編輯

                          

    一:創建彈出編輯面板

    <div id="editWindow" class="mini-window" title="Window" style="width:650px;" 
        showModal="true" allowResize="true" allowDrag="true"
        >
        <div id="editform" class="form" >
            <input class="mini-hidden" name="id"/>
            <table style="width:100%;">
                <tr>
                    <td style="width:80px;">員工帳號:</td>
                    <td style="width:150px;"><input name="loginname" class="mini-textbox" /></td>
                    <td style="width:80px;">姓名:</td>
                    <td style="width:150px;"><input name="name" class="mini-textbox" /></td>
                    <td style="width:80px;">薪資:</td>
                    <td style="width:150px;"><input name="salary" class="mini-textbox" /></td>
                </tr>
                <tr>
                    <td>性別:</td>
                    <td><input name="gender" class="mini-combobox" url="mini_JSPath + '../../demo/data/genders.txt'"/></td>
                    <td>年齡:</td>
                    <td><input name="age" class="mini-spinner" minValue="0" maxValue="200" value="25"  /></td>
                    <td>出生日期:</td>
                    <td><input name="birthday" class="mini-datepicker" /></td>
                </tr>
                <tr>
                    <td style="text-align:right;padding-top:5px;padding-right:20px;" colspan="6">
                        <a class="Update_Button" href="javascript:updateRow()">Update</a> 
                        <a class="Cancel_Button" href="javascript:cancelRow()">Cancel</a>
                    </td>                
                </tr>
           
            </table>
        </div>
    </div>
    
             

    二:面板操作

    彈出加載面板數據:
    var editWindow = mini.get("editWindow");
    editWindow.show();
    var form = new mini.Form("#editform");
    form.loading();
    $.ajax({
        url: "../data/DataService.aspx?method=GetEmployee&id=" + row.id,
        success: function (text) {
            var o = mini.decode(text);
            form.setData(o);
            form.unmask();
        },
        error: function () {
            alert("表單加載錯誤");
        }
    });
    

               

    保存提交面板數據:


    var form = new mini.Form("#editform");
    var o = form.getData();
    
    grid.loading("保存中,請稍后......");
    var json = mini.encode([o]);
    $.ajax({
        url: "../data/DataService.aspx?method=SaveEmployees",
        data: { employees: json },
        success: function (text) {
                        
            grid.reload();
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert(jqXHR.responseText);
        }
    });
    
    editWindow.hide();
    
        
          
    posted on 2012-09-18 16:31 nikofan 閱讀(3071) 評論(0)  編輯  收藏

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 亚洲美女视频免费| 亚洲国产成人高清在线观看| 精品丝袜国产自在线拍亚洲| 222www免费视频| 亚洲乱人伦精品图片| 日本最新免费网站| 亚洲人和日本人jizz| 在线jyzzjyzz免费视频| 亚洲偷自拍另类图片二区| 成人免费视频网址| 豆国产96在线|亚洲| 亚洲国产精品13p| eeuss免费影院| 亚洲国产老鸭窝一区二区三区| 在线成人爽a毛片免费软件| 亚洲欧洲精品一区二区三区| 国产成人精品免费视| 在线精品亚洲一区二区| 国产免费观看青青草原网站| 国产高潮久久免费观看| 亚洲AV成人无码久久精品老人| 亚洲精品在线免费看| 亚洲中文字幕无码中文| 亚洲欧洲日产国码高潮αv| 国产成人免费AV在线播放 | 亚洲免费日韩无码系列| 亚洲国产精品一区二区久久hs| 亚洲免费网站在线观看| 亚洲精品人成网线在线播放va| 国产亚洲精品自在线观看| 精品无码无人网站免费视频| 亚洲熟女综合一区二区三区| 中文字幕亚洲乱码熟女一区二区 | 中文字幕av无码无卡免费| 亚洲av中文无码字幕色不卡| 国产精品亚洲综合一区| 中文字幕成人免费视频| 亚洲AV成人片无码网站| 亚洲av永久无码精品网站| 色播在线永久免费视频| 国产拍拍拍无码视频免费|