使用dialog來實現修改和新增框,使用dialog.(「close」)來關閉dialog框,這個時候如果有兩個頁面的修改頁面的表單的字段相同時,這兩個表單的東西就會混亂。要不就是修改時打不開,要不就是新增頁面開啟資料初始化不了。
dialog**如下:
id="dialog"
style="display:none;">
style="width:95%;margin:5px auto;border-collapse:collapse;border-spacing:10px;">
width="60px">專題名稱:td>
placeholder="請填寫專題名稱"
type="text"
id="row_name"
maxlength="20">
style="height:10px;">
div>
input>
td>
tr>
width="60px">專題**:td>
placeholder="請填寫專題**"
type="text"
id="row_code"
maxlength="20">
style="height:10px;">
div>
input>
td>
tr>
width="60px">專題描述:td>
style="width:100%;font-size:14px;"
rows="6"
maxlength="200"
id="row_content" >
textarea>
style="height:10px;">
div>
td>
tr>
width="60px">開頭:td>
style="width:100%;font-size:14px;"
rows="10"
maxlength="2000"
id="preface" >
class="indent">這裡輸入第一段p>
class="indent mt20">這裡輸入第二段p>
class="indent mt20">以此類推p>
textarea>
style="height:10px;">
div>
td>
tr>
width="60px">結尾:td>
style="width:100%;font-size:14px;"
rows="10"
maxlength="2000"
id="postscript" >
class="indent">這裡輸入第一段p>
class="indent mt20">這裡輸入第二段p>
class="indent mt20">以此類推p>
textarea>
style="height:10px;">
div>
td>
tr>
table>
div>
我試過找到easyui的官網,看它的文件說明。其中,我發現easyui自帶的一些方法可能有用。比如:onclose方法——等頁面關閉之後給dialog重新賦值;頁面重新整理。
我是新增了乙個dialog,和dialog的屬性一樣,但id不一樣。我們在新增和修改的時候觸發不一樣的dialog來呈現出來不同的dialog。
EasyUI中的dialog修改樣式
easyui作為入門輕量級前端框架方便靈活,但是有個缺點就是太醜,所以上個專案要用時,還得自行修改下樣式。無需修改原easyui中的任何css,只需在需要修改的頁面新增css即可,具體css如下 dialog整個標題分兩部分組成,乙個是整個標題頭div,另外乙個是標題中文字的div window,p...
解決 easyui 更改dialog彈出的位置
1 方法一 23 在彈出dialog的時候不用 dialogdiv dialog open 開啟。用 dialogdiv window open 開啟。再用window的resize方法重新布局就可以了。4類似 5 var top strubtn offset top 30 6 var left s...
EasyUi之dialog對話方塊
1 該元件依賴於linkbutton 及window元件 2 基本功能實現,兩種方式,一種是直接寫 divid box class easyui dialog style width 500px height 250px 對話方塊div 第二種是js形式 divid box 對話方塊 div js檔...