displaying initial value in dropdownlist column while add row

[selvaParticipant]

Hi,

Could you please help me.I have a grid with two drop down list columns. When i click the add button to add new row with dynamic values selected in drop down list columns.How to pass that dynamic values.The new row added but initial value not selected from drop down list values.

This is my code

var source_break_relativity =
                        {
                            datatype: "json",
                            datafields: [
                                {name: 'breakRltvtyId', type: 'string'},
                                {name: 'breakRltvtyNam', type: 'string'}
                            ],
                            id: 'id',
                            url: "getBreakRelativity"
                        };
var source_break_format =
                        {
                            datatype: "json",
                            datafields: [
                                {name: 'breakFormtId', type: 'string'},
                                {name: 'breakFrmtName', type: 'string'}
                            ],
                            id: 'id',
                            url: "getBreakFormat"
                        };
var dataAdapter_break_relativity = new $.jqx.dataAdapter(source_break_relativity);
var dataAdapter_break_format = new $.jqx.dataAdapter(source_break_format);
var gridSource = {
                    datatype: "array",
                    datafields: [
                        {name: 'breakRltvtyId', type: 'string', value: 'breakRltvtyId', values: {source: dataAdapter_break_relativity.records, value: 'breakRltvtyId', name: 'breakRltvtyNam'}},
                        {name: 'breakFormtId', type: 'string', value: 'breakFormtId', values: {source: dataAdapter_break_format.records, value: 'breakFormtId', name: 'breakFrmtName'}}
                    ]
                };
var gridAdapter = new $.jqx.dataAdapter(gridSource);
('#break_pattern_footer_edit').jqxGrid(
                        {
                            width: '600',
                            height: '250',
                            theme: theme_name,
			    source: gridAdapter,
                            editable: true,
                            altrows: true,
                            showtoolbar: true,
                            toolbarheight: 25,
                            rendertoolbar: function(toolbar) {
                                var me = this;
                                var container = $("<div style='margin: 5px;'></div>");
                                var addButton = $("<div style='float: left; margin-left: 5px;margin-top:-4px;' title='Add Row'><img style='position: relative; margin-top: 0px;' src='jqx/images/add.png'/></div>");
                                var deleteButton = $("<div style='float: left; margin-left: 5px;margin-top:-4px;' title='Delete Row'><img style='position: relative; margin-top: 0px;' src='jqx/images/minus.png'/></div>");
                                toolbar.append(container);
                                container.append(addButton);
                                container.append(deleteButton);
                                addButton.jqxButton({width: 20, height: 15, theme: theme_name});
                                deleteButton.jqxButton({width: 20, height: 15, theme: theme_name});
                                addButton.click(function() {
				var datarow={};
				datarow["breakRltvtyId"]="2";
				datarow["breakFormtId"]="3";
				var commit = $("#break_pattern_footer_edit").jqxGrid('addrow', null, datarow);
				});
				deleteButton.click(function() {
                                    var selectedrowindex = $("#break_pattern_footer_edit").jqxGrid('getselectedrowindex');
                                    var rowscount = $("#break_pattern_footer_edit").jqxGrid('getrows');
                                    if (selectedrowindex >= 0 && selectedrowindex < rowscount.length) {
                                        var id = $("#break_pattern_footer_edit").jqxGrid('getrowid', selectedrowindex);
                                        var commit = $("#break_pattern_footer_edit").jqxGrid('deleterow', id);
                                    }
                                });
                            },
                            columns: [
                                {text: 'Break Relativity', columntype: 'dropdownlist', width: 200, datafield: 'breakRltvtyId', displayfield: "breakRltvtyNam",
                                    createeditor: function(row, column, editor) {
                                        editor.jqxDropDownList({source: dataAdapter_break_relativity, displayMember: "breakRltvtyNam", valueMember: 'breakRltvtyId', selectedIndex: 0, dropDownHeight: '100px'});
                                    }
                                },
                                {text: 'Break Format', columntype: 'dropdownlist', width: 200, datafield: 'breakFormtId', displayfield: "breakFrmtName",
                                    createeditor: function(row, column, editor) {
                                        editor.jqxDropDownList({source: dataAdapter_break_format, displayMember: "breakFrmtName", valueMember: 'breakFormtId', selectedIndex: 0, dropDownHeight: '100px'});
                                    }
                                }
				]
				});

for ex:
{rows:{“breakRltvtyId”:”1″,”breakRltvtyNam”:”One”},{“breakRltvtyId”:”2″,”breakRltvtyNam”:”Two”},{“breakRltvtyId”:”3″,”breakRltvtyNam”:”Three”}}
{rows:{“breakFormtId”:”1″,”breakFrmtName”:”1 min break”},{“breakFormtId”:”1″,”breakFrmtName”:”1 min break”},{“breakFormtId”:”1″,”breakFrmtName”:”1 min break”}}

suppose if I pass “2″ to breakRltvtyId and “3″ to breakFormtId, the grid add new row but the corresponding value not shown in cell.

this s my code for add row

var datarow={};
datarow["breakRltvtyId"]="2";
datarow["breakFormtId"]="3";
var commit = $("#break_pattern_footer_edit").jqxGrid('addrow', null, datarow);

[DimitarParticipant]

Duplicate post: http://www.jqwidgets.com/community/topic/loading-the-dynamic-value-in-grid/

[Author]

Posts