grid and createEverPresentRowWidget

[arkgroupParticipant]

I am using modify version of your sample code at
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/everpresentrowcustomwidgets.htm
Product drop down list worked fine, until I press button and refresh data. Then it’s not working. Please see code below.

Thanks

 $(document).ready(function () {
        var data = generatedata(20);
       // console.log(data);

        var source =
        {
            localdata: data,
            datafields:
            [
                { name: 'name', type: 'string' },
                { name: 'productname', type: 'string' },
                { name: 'available', type: 'bool' },
                { name: 'date', type: 'date' },
                { name: 'quantity', type: 'number' }
            ],
            datatype: "array"
        };
        var dataAdapter = new $.jqx.dataAdapter(source);
        var getSourceAdapter = function (name) {
            var source =
            {
                localdata: data,
                datafields:
                [
                    { name: 'name', type: 'string' },
                    { name: 'productname', type: 'string' }
                ],
                datatype: "array"
            };
            var fields = new Array();
            fields.push(name);
            var dataAdapter = new $.jqx.dataAdapter(source, { autoBind: true, autoSort: true, uniqueDataFields: fields, autoSortField: name });
            return dataAdapter.records;
        }
        $("#jqxgrid").jqxGrid(
        {
            width: 850,
            filterable: true,
            source: dataAdapter,
            showeverpresentrow: true,
            everpresentrowposition: "top",
            editable: true,
            everpresentrowactionsmode: "columns",
            columns: [
              {
                  text: 'Name', columntype: 'textbox', filtertype: 'input', datafield: 'name', width: 215
               
              },
              {
                  text: 'Product', filtertype: 'checkedlist', datafield: 'productname', width: 220,
                  createEverPresentRowWidget: function (datafield, htmlElement, popup, addCallback) {
                      var inputTag = $("<div style='border: none;'></div>").appendTo(htmlElement);
                      inputTag.jqxDropDownList({ popupZIndex: 99999999, placeHolder: "Enter Product: ", source: getSourceAdapter("productname"), displayMember: 'productname', width: '100%', height: 30 });
                      $(document).on('keydown.productname', function (event) {
                          if (event.keyCode == 13) {
                              if (event.target === inputTag[0]) {
                                  addCallback();
                              }
                              else if ($(event.target).ischildof(inputTag)) {
                                  addCallback();
                              }
                          }
                      });
                      return inputTag;
                  },
                  getEverPresentRowWidgetValue: function (datafield, htmlElement, validate) {
                      var selectedItem = htmlElement.jqxDropDownList('getSelectedItem');
                      if (!selectedItem)
                          return "";
                      var value = selectedItem.label;
                      return value;
                  },
                  resetEverPresentRowWidgetValue: function (datafield, htmlElement) {
                      htmlElement.jqxDropDownList('clearSelection');
                  }
              },
              {
                  text: 'Ship Date', datafield: 'date', filtertype: 'range', width: 210, cellsalign: 'right', cellsformat: 'd'
              },
              {
                  text: 'Qty.', datafield: 'quantity', filtertype: 'number', cellsalign: 'right'
              }
            ]
        });

        $("#jqxButton").jqxButton({ width: 120, height: 40 });

        $("#jqxButton").on('click', function () {
            var data = generatedata(5);
            source.localdata = data;
            dataAdapter.dataBind();
            $('#jqxgrid').jqxGrid('refreshdata');
        });

    });

[HristoParticipant]

Hello arkgroup,

Thank you for this feedback.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[arkgroupParticipant]

Hi Hristo,

Is there work around to fix that?

Thanks

[HristoParticipant]

Hello arkgroup,

You could find new things (and fixes) in the Release History.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[arkgroupParticipant]

Hi Hristo,

I downloaded the latest 4.5.0 version, but it’s still not working.
Can you help, please. Maybe I can use reseteverpresentrowwidgetvalue or
destroyeverpresentrowwidget, but don’t know how and there is no sample code for that.

Thanks

[HristoParticipant]

Hello arkgroup,

Thank you for the interest.
When it is possible we provide a workaround but not bugs fixing.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[arkgroupParticipant]

Can you confirm that this is a jqxgrid bug and will be fixed in next release?

Thanks

[rdouglasParticipant]

This forum isn’t very helpful

[Author]

Posts