easyui的dialog資料初始化問題解決

2021-07-15 20:16:14 字數 1739 閱讀 3335

使用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檔...