首頁 > web前端 > js教程 > 主體

如何修復編輯過程中 jqGrid 相關選擇框中不正確的選項值?

Susan Sarandon
發布: 2024-10-30 17:23:02
原創
156 人瀏覽過

How to Fix Incorrect Option Values in jqGrid Dependent Select Boxes During Editing?

jqGrid 編輯表單中的依賴選擇框選項

jqGrid 可讓您建立用於編輯表單的動態選擇框,其中選項取決於在相關選擇框中進行選擇。這對於選擇國家/地區並相應地填充州選項等場景非常有用。

問題:選項值不正確

但是,使用動態填滿的狀態選取方塊。狀態選擇框的選項值從 0 開始,而不是預期的 5。

解決方案:重設 Editoptions 並手動重建

要解決此問題,關鍵是要理解 jqGrid 僅在初始化時使用 editoptions 一次。若要根據所選國家/地區正確填入州選擇框,必須重設編輯選項並手動重新建立選擇框。

解決方案的實施方式如下:

  1. 重置編輯選項:

    • 頁面載入時,將狀態選擇框的編輯選項設定為靜態值。
  2. 資料變更:

    • 當國家選擇框變更時,將狀態選擇框編輯選項重設為靜態值。
  3. 重建選擇框:

    • 根據所選國家/地區,為州選擇框建立新選項。
    • 對於內嵌編輯,更新下列國家的選擇框特定行。
    • 對於表單編輯,更新編輯表單中的選取框。
  4. 維護狀態值:

    • 更改國家/地區並重建狀態選擇框後,透過設定適當的editoption值確保正確反映所選狀態。

程式碼片段:

<code class="javascript">// Reset the editoptions for the state select box
var resetStatesValues = function () {
    grid.setColProp('State', { editoptions: { value: states}});
};

// Build new options for the state select box based on the selected country
var changeStateSelect = function (countryId, countryElem) {
    var sc = statesOfCountry[countryId];
    var newOptions = '<option value="">All</option>'; // If needed
    for (stateId in sc) { newOptions += '<option value="' + stateId + '">' + states[stateId] + '</option>'; }
    grid.setColProp('State', { editoptions: { value: statesOfCountry[countryId]} });
    if ($(countryElem).is('.FormElement')) {
        // Form editing
        $(countryElem).closest('form.FormGrid').find("select#state.FormElement").html(newOptions);
    } else {
        // Inline editing
        var row = $(countryElem).closest('tr.jqgrow');
        var rowId = row.attr('id');
        $("select#" + rowId + "_State", row[0]).html(newOptions);
    }
};</code>
登入後複製

結論

結論用編輯選項,手動重建狀態選擇框,並維護選定的狀態值,您可以確保jqGrid 中的編輯表單顯示相關選擇框的正確選項值。

以上是如何修復編輯過程中 jqGrid 相關選擇框中不正確的選項值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!