Howdy...

Is there a way to turn off case sensitivity on the Autocomplete?

As per the Demo ( http://www.jeasyui.com/demo/main/index.php?plugin=ComboBox&theme=default&dir=ltr&pitem= ) If you put in a capital "O" you get Ohio, Oklahoma, and Oregon. But if I put in a lower case "o", then I get nothing in my list.

Thanks.

Howdy...

We'd like the Combobox to respond more like a standard dropdown when it comes to keyboard input. You can navigate to a combobox via the tab key, but the dropdown is not activated by the down arrow, and you can't use the down/up arrows to highlight an option and then hit enter to select it.

Our client is very keyboard oriented when it comes to data entry and would like to use just their keyboard to enter data on the form. Is this built in, and just needs to be turned on? Or am I going to have to trap for key events and act appropriately?

Is there a way to fire the combo box panel display dynamically?

(Why does the act of typing out a question focus the mind? :-)

Here's the elegant solution:

                   onLoadSuccess: function () {
                       if (!row.Tier) {
                           row.Tier = '*';
                       }
                       $('#fmThresholdDetail').form('load', row);
                   }

Not sure why I thought the row object would be read-only.

I'm trying to set the value of a combo box when the row.<field> is null. If I don't trap for null, the combo box value is set to "" by the form load event. e.g.

           if ($('#TieredApproval_Yes').is(':checked')) {
               $('#Tier').combobox({
                   valueField: 'id',
                   textField: 'text',
                   panelHeight: 'auto',
                   url: '/admin/ajax.aspx?a=getTieredList&r=' + $('input:radio[name=TierLevel]:checked').val() + '&i=' + row.NmbrOfApprovers,
                   onLoadSuccess: function () {
                       $('#fmThresholdDetail').form('load', row);
                   }
               });
           } else {
               $('#fmThresholdDetail').form('load', row);
           }

everything loads correctly, except when row.Tier is null because there is no data in the source grid. Then the default selection is not used, and the combo box "value" is set to null/"". So I thought I could check and force the default value:

           if ($('#TieredApproval_Yes').is(':checked')) {
               $('#Tier').combobox({
                   valueField: 'id',
                   textField: 'text',
                   panelHeight: 'auto',
                   url: '/admin/ajaxOwners.aspx?a=getTieredList&r=' + $('input:radio[name=TierLevel]:checked').val() + '&i=' + row.NmbrOfApprovers,
                   onLoadSuccess: function () {
                       $('#fmThresholdDetail').form('load', row);
                       if (!row.Tier) {
                           $('#Tier').combobox({ 'setValue': '*' });
                        }
                   }
               });
           } else {
               $('#fmThresholdDetail').form('load', row);
           }

The result leaves the comb box drop down not populated, and when I go into debug mode with Crome the above causes the onLoadSuccess to continually fire - some type of infinite loop? So I was guessing that the setValue method is causing some event to fire that is trapped by the onLoadSuccess.

I've routed around it by manually populating the form instead, but was hoping for a more elegant solution.

Thoughts?

Danka. That was very helpful. Much appreciated.

P.S. What about refresh / reload on the save event? that appears to be ignored. Am I using the correct event to add this?

Two questions on edatagrid. One, I need the combo drop down panel to auto size. It's only two values. I tried dropping in panelHeight into the object properties and that didn't work.

Also, we'd like the grid to reload after a save (either save button or click to new row). But when we add the success property it doesn't work:

        $('#dg').edatagrid({
            panelHeight: 'auto',
            url: '/admin/ajax.aspx?a=getList&r=' + Id,
            saveUrl: '/admin/ajax.aspx?a=updateStatus&r=' + Id,
            updateUrl: '/admin/ajax.aspx?a=updateStatus&r=' + Id,
            onSave: function (data) {
                $('#dg').edatagrid('reload');
            }
        });

Id is declared elsewhere, the grid works just looking for a way to reload/refresh the grid because we have an update date/time column  that I'd like to see current after the save.

What am I doing wrong?

Thanks.

Danka.

I'm playing around with the Layout options and I'd like to have two "center" panels side by side, basically I don't want the collapse option to show - I'd like to keep the splitter. Is there an option that disables the collapse button?

Is there anyway we can get access to the height of the combo-box panel? We have many combo boxes with two items, and having a height of 198 is way too much. I understand that you need to fix the height to get a scroll bar, so maybe we can get a tiered height that is based on number of items in the combo box?

Thoughts?

P.S. Here's a better solution we came up with using jQuery and the AjaxComplete event:

    var ajaxCount = 0;

    function checkLoadStatus() {
        ajaxCount = ajaxCount + 1;

        if (ajaxCount == 4) {
            $('#ff').form('load', ' ... ');
        }
    }

    $(document).ajaxComplete(function () {
        checkLoadStatus();
    });

Where ajaxCount is the number of events you need to count / track before you load the form.

Hope that helps.

Right - but I was hoping to have less code over all. :-) I don't like getting in the habit of creating over rides.

Much appreciated.

An alternative solution is to get all combobox data and then load into combobox by calling 'loadData' method.

Ah - I see. One big JSON object with the combo boxes and the form data. One Ajax call instead of multiple.

The other ugly way I thought of was to stack the calls in the success event for each combo and cascade that down. Very ugly.

I would suggest that one enhancement to consider is a flag for these data loads for synchronous Ajax communications. When I rolled my own tools, I'd switch back and forth between Sync and Async when I needed the browser to wait for the response before continuing.

Just a thought - thanks.

We'd like to not show the validation errors on a "new" dialog / form. Current examples provided, and our testing show that the validation fires immediately and we'd like to delay that, or not show the tip on the first non-valid form field for a new form.

Is there a way to do this globally for the form?

I have a simple form with 4 combo boxes that get their data via AJAX. I'm loading the combo boxes through the onBeforeLoad event of the form.

How do I make sure that all the combo boxes are loaded before firing off the load command for the form? I've setup a onLoadSuccess for each combo box to run a function that increments a counter. Then I tried to read that counter with a setInterval function, only running the form load method when the counter hits 4.

But that didn't work. It seems to pause everything while waiting for the setInterval to run.

Thanks.

Howdy...

We are trying to implement a combo box on our form and each drop down is fixed at 198px; It's not paying attention to the data loaded (manually and via remote) and resizing the drop down panel appropriately. (I'm thinking the height should be auto.)

We have the latest version of jeasy installed.