Thanks Zdravko, I appreciate that. Would there happen to be a way to load all the dropdown boxes on page_load and then hide certain items on one dropdown box after a selection in another is made?

Hello,

I was able to resolve my issue using ajax post/get and webmethods.

Thanks for all the help!

Hello Jason,

I am happy to hear that.

Thank you for using our controls.

Hi Zdravko,

So far everything has went pretty smoothly, I now have all the data I need from the database and passed back using ajax/JSON however I am having a few issues, adding items to the selected row control. After getting data back from using the first dropdown box I now need to add the items to the 2nd dropdown using jQuery or javascript, but have not been able to accomplish this, I have tried a few things that are mention on the forum but none of those worked for me. Any help on adding items to the control would be helpful, I have tried using some commands with args and sender but don't think I am using the correct ones.

Thanks

Hi Jason,

Could you please share with me what exactly is stopping you to add items into the DropDown. Basically you will need to create a dropdown item and add it to items collection. The code that you need to use is similar to this:

<script>
    function AddItem() {
        var dropDown = $find('WebDropDown1');
        var item = dropDown.get_items().createItem();
        item.set_text("ItemText");
        item.set_value(ItemValue);
        dropDown.get_items().add(item);
    }
script>

I'm sorry it's not a dropdown but a dropdownprovider in the webdatagrid. I tried using variations of the above code, but would get a "Cannot read property 'get_items' of null" on the var item.

Hello Jason,

The logic will be the same, except that you will need to access the editor first. which is not easy, because the editor is visible only when the cell is in edit mode.

You can handle EditingCode cell editing client event EnteredEditMode and from there to access the DropDownProvider (which is inheriting WebDropDown control) and have the same methods and options. The dropdown you can get from args.getEditor().

var item = args.getEditor().get_items().createItem();

item.set_text("asd");

item.set_value("asd");

args._editor.get_items().add(item)

Hello Zdravko,

I was able to use the EnteredEditMode to add an item to the dropdown list; however, if I have more than one item to add and use a for each to go through the items, it will only add the first item and then provide the error "Uncaught TypeError: Cannot read property '_callbackManager' of null" I was also unable to clear the list when I changed to another row, using the _items = "" or .dispose().

Hello,

Another way to add items from the client is to directly manipulate the datasource. I have created a sample for you that will show you this approach, by my opinion you will like this one, because you can pass directly a JSON and call dataBind().

About the clear items functionality, we do not provide clearAll function or something like that, you will need to use the build in remove(item) function in order to clear the items collection:

remove:function(item)
{
///<summary locid="M:J#Infragistics.Web.UI.DropDownItemCollection.remove">
///Removes the specified DropDownItem from the collection.
///</summary>
///<param name="dropDownItem" type="Infragistics.Web.UI.DropDownItem">The DropDownItem that should be removed.</param>
 if(item != null)
 {
  var cbo = this._control._callbackManager.createCallbackObject();
  cbo.serverContext.type = "remove";
  cbo.clientContext.item = item;
  cbo.serverContext.index = item.get_index();

  if (this._pi)
  {
   this._pi.set_enabled(false);
  }
  this._control._callbackManager.execute(cbo, true);

  if (this._pi)
  {
   this._pi.set_enabled(true);
  }
 }
},

Hi Zdrakvo,

Thanks for all the help I really appreciate it, I was trying to run the example program you provided, but it gives me the error "Uncaught TypeError: $.tmpl is not a function"  on line 565 of the ScriptResource.

Hello Jason,

Change raw.github.com to rawgit.com and add https to the other two links and this will no longer appear:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" type="text/javascript"></script>
<script src="https://rawgit.com/BorisMoore/jquery-tmpl/master/jquery.tmpl.js" type="text/javascript"></script>