将 HTML 表单中的数据插入 Kendo 网格数据

Question

我试图在下拉列表中选择数据，然后提交到剑道网格中。但是，数据未能插入到网格中。任何人有想法或解决方案？

HTML 提交按钮

<button class="k-button" id="btnSave" value="submit" style="float:right; padding: 5px 20px; border-radius: 4px;" >Submit</button>

JavaScript 按钮提交

    //AJAX call for button

    $("#btnSave").kendoButton();

    var button = $("#btnSave").data("kendoButton");

    button.bind("click", function(e) {

    var test = $("#accountLedger").val()

    $.ajax({

        url: "../GroupManagement/get.php",

        type: "POST",

            data: {

                method: "addGroup",

                accountLedgerID: $("#accountLedgerID").val()

                },

                success: function () {                

                kendo.alert ('success');

JavaScript 下拉菜单

        $("#accountLedger").kendoDropDownList({

        dataTextField: "accountLedgerName",

        dataValueField: "accountLedgerID",

        optionLabel: "Choose account ledger",

        dataSource: {

            transport: {

                read: {

                    url:  "./getCoaGroup.php",

                    type: "POST",

                    data: function() {

                            return { 

                                method: "getAccLedger",

                        }

                    }

                },

            },

        },

        //change: onChange(),

        change: function(e){

            console.log(this.value());

            $('#grid').data('kendoGrid').dataSource.read();

            homogeneous.read();

        }

    }).data('kendoDropDownList');

    dropdownlist = $("#accountLedger").data("kendoDropDownList");

这是我的输出

如果您看到图片，列分类帐名称上方的网格没有数据。它假设用户选择下拉列表然后单击提交。之后，下拉列表中的选定数据将插入到网格中。希望任何人都可以对此提供任何参考。谢谢！

Answer 1

: {'transport' 和 'read' 之后应该有你的代码。下面这部分代码固定：dataSource: {&nbsp; &nbsp; &nbsp; &nbsp; transport: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; read: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url:&nbsp; "./getCoaGroup.php",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; type: "POST",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; data: function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return {&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; method: "getAccLedger",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; },

Answer 2

我不确定它是否有效，但您是否尝试将其更改accountLedgerID为其他名称。我也遇到了同样的问题，可能是因为变量名混淆了。JavaScript 按钮提交accLedgerID:&nbsp;$("#accountLedgerID").val()PHP$accLedgerID=&nbsp;(isset($_POST['accLedgerID'])&nbsp;?&nbsp;$_POST['accLedgerID']&nbsp;:&nbsp;'');