select field issue with String ID

[geemang2000]

I'm having an issue with using a String for the valueField in a select. When I select a new item from the select the cell goes blank.

    $("#jsGrid").jsGrid({
        editing: true,
        data: db.apps,
        fields: [
    {name: "source", title:"Source", type: "select", items: db.sources, valueField: "Id", textField: "Name"}
    ...
    db.sources = [
        { Name: "Label1", Id: "LABEL1" },
        { Name: "Label2", Id: "LABEL2" }
    ];

See: http://jsbin.com/repexoyuqi/ (click a row, change the select value, click the first button on the control cell)

[tabalinas]

Yes, current SelectField implementation inherits NumberField and parses selected value to number. Of course, it should work for strings too.
For now there is a workaround.
Redefine editValue (filterValue and insertValue if filtering and inserting is needed) to avoid parsing.
(link to field config http://js-grid.com/docs/#fields)

{ name: "source", title:"Source", type: "select", 
  items: db.sources, valueField: "Id", textField: "Name"
  editValue : function() { return this.editControl.val(); }, // for editing
  filterValue : function() { return this.filterControl.val(); }, // for filter
  insertValue : function() { return this.insertControl.val(); } // for insert
} 

You also could define a new field to avoid grid config cluttering. Just register a new field inheriting from jsGrid.SelectField with following code:

function TextSelectField(config) {
    jsGrid.SelectField.call(this, config);
}

TextSelectField.prototype = new jsGrid.SelectField({

    sorter: "string",

    filterValue: function() {
        return this.filterControl.val();
    },

    insertValue: function() {
        return this.insertControl.val();
    },

    editValue: function() {
        return this.editControl.val();
    }
});

jsGrid.fields.textSelect = TextSelectField;

Now you can use this field just like before, but specify type="textSelect"instead of type="select"