Вопрос по – Решение для дизайна этой формы в jqgrid

0

У меня проблема в использовании jqGrid, прежде чем обсуждать вопрос объяснения таблиц.
У меня есть 4 таблицы CostType, CurrencyUnit, Request, RequestCost.
Структура таблицы CostType

<code>CostId       CostName 
-------      ----------
  1           permit
  2           Warehouse receipt
  3           Warehousing
</code>

и структура запроса

<code>RequestId         RequestNo     WaybillNo
------------------------------------------
1                    100          120Ac30
2                    101           400CA852
</code>

и структура таблицы CurrencyUnit:

<code>UnitId    UnitName
------------------
1           Dollar
2           Pound
3           Rial
</code>

и CostRequest структура таблицы

<code>requestId   CostId  Amount    CurrencyUnitId     Remark
--------------------------------------------------------
1             2        200      3
1             1        400      1
</code>

Я хочу заполнить сетку загрузки страницы следующим образом:

enter image description here После этого пользователь может ввести запрос Нет в верхнее текстовое поле и нажать кнопку поиска следующим образом: enter image description here  пользователь может изменить или ввести некоторую сумму стоимости для этого запроса следующим образом: enter image description here и нажмите кнопку Сохранить, чтобы сохранить в базе данных. Примечания: я начинаю в jqGrid, я могу заполнить первый Grid, другой двухэтапный, который я не могу реализовать. Помогите мне, пожалуйста . Спасибо всем

Ваш Ответ

1   ответ
1

Поле ввода для «RequestNo» (например, имеющий id = "requestNo") и "Search" Кнопка может быть простым управлением в<fieldset> по сетке.click обработчик & quot; поиска & quot; Кнопка может просто позвонить$("#grid").trigger("reloadGrid", [{page:1}]), Внутри определения сетки вы можете использоватьpostData лайк

var $grid = $("#grid"),
    editingRowId,
    myEditParam = {
        keys: true,
        oneditfunc: function (id) { editingRowId = id; },
        afterrestorefunc: function (id) { editingRowId = undefined; },
        aftersavefunc: function (id) { editingRowId = undefined; }
    }; 

$grid.jqGrid({
    ...
    postData: {
        // add requestNo parameter to the request
        requestNo: function () { return $("#requestNo").val(); }
    },
    beforeRequest: function () {
        // stop request to the server for empty requestNo
        return $("#requestNo").val() !== "" ? true : false;
    },
    onSelectRow: function (id) {
        if (id !== editingRowId) {
            if (typeof editingRowId !== "undefined") {
                // save previously editing row
                $(this).jqGrid("saveRow", editingRowId, myEditParam);
            }
            // start inline editing. The user should save the row by pressing ENTER
            $(this).jqGrid("editRow", id, myEditParam);
        }
    }
    ...
});

Вы можете дополнительно добавить & quot; Сохранить & quot; кнопка, которая будет вызывать$("#grid").jqGrid("saveRow", editingRowId); сохранить последнюю строку редактирования, еслиeditingRowId не являетсяundefined.

Важно добавитьeditable: true для всех столбцов, которые вы хотите видеть в режиме редактирования. Если вы хотите иметь все столбцы редактирования в сетке, вы можете использоватьcmTemplate: {editable: true} опция jqGrid. Изменяет значения по умолчанию для определений столбцов, определенных вcolModel.

Чтобы иметь раскрывающийся список в "CurrencyUnit" столбец, вы должны включить дополнительные свойства в определении столбца:

edittype: "select", editoptions: { value: "Dollar:Dollar; Pound:Pound; Rial:Rial" }
Я хочу реализовать Editable Inline, как реализовать это. спасибо за помощь мне. Pouya

Похожие вопросы