Dynamic drop down list based on a textfield - asp.net

How can I populate the content of a dropdown list dynamically using a text field in ASP.NET?
I do use the Ajax Control Toolkit for all Ajax calls so far.
My Page looks like this:
I have a Modal Popup with a textfield (Autocomplete) and a dropdown list.
The content of the dropdown list should now be populated according to what was selected in the first textfield. The data can be gathered using a webservice or directly in the database. The queries are existing and working.
The issue that I've is, that the ParentControlID="textField1" of the ajaxToolkit:CascadingDropDown can't be a text field.
Is there a better way to solve this issue? Is there even a way without writing the Javascript code by myself?

Why don't you try doing this with Jquery?
Here is a example for the same
http://geekswithblogs.net/michelotti/archive/2008/06/28/mvc-json---jsonresult-and-jquery.aspx
More helpful link
Dynamically populate the drop-down using jQuery in ASP.Net MVC3
http://forum.jquery.com/topic/populate-a-2nd-dropdown-from-the-choice-of-the-first-dropdown

Related

asp.net - list/grid view customize layout

I am using asp.net vb...
I am trying from a couple of weeks to create custom list/grid view.
In VS2010 there are many controls but no one is allowing to creating custom view like this website...
http://net.tutsplus.com/category/tutorials/html-css-techniques/
I want to customize something same like it with a picture thumbnail, a hyperlink, some text and a nice looking paging numbers. I try to find on google , youtube but no good example I got…
Please provide me steps to do it.
JS
Use asp.net ListView Control.
It gives you full control over rendered html.
Using ASP.NET 3.5's ListView and DataPager Controls
If you want the gridview to look like this, you will need to create only one visible column with no header showing and place all your controls into the content template of this column. From there you will have to manually style the controls to your required style.
If you have dynamic content in the rows, during rowdatabound of the gridview you can access each control using the findcontrol method and customize each control from there.

dynamically add textbox and dropdownbox when click on plus symbol in asp.net?

i need to add columns one by one in asp.net by click on plus symbol then one textbox and dropdown will appear dynamically and when click on minus that will disappear .
whenever user enter the data in textbox and dropdown and clickon plus symbol the that row will save in db and new empty textbox and dropdown will appear UI .this goes on.
How to acheive this?
You can't do that via server-side programming. Use JavaScript or jQuery.
You can do this using jQuery. I personally would do this using jQuery and knockout.js as seen in the following Templating example

Show all items in edit mode in RadGrid and save all changes by clicking on submit

I need to realize a WebSite with a grid that shows all items of my Collection in edit mode like this:
On Apply the edited Collection should be saved.
On changing selection in the Supplier combobox shoud show the appropriated logo below.
(Is it possible to realise it using a binding instead of unbound code-behind implementation?)
How to implement it with RadGrid? Is any simplier as RadGrid solution in ASP.Net 4.0 with WebForms?
Regarding the logo from down, try a customised radcombobox showing tex with Icons
I myself am looking for a way to configure and not code the update on 'Apply'

How to retrieve values of dynamically created controls in code behind?

I intend to use Javascript to dynamically create a group of html elements (input boxes, select list, radio button, etc.) each time the user clicks "Add More" button.
I have found the Javascript that does that here:
http://viralpatel.net/blogs/2009/01/dynamic-add-textbox-input-button-radio-element-html-javascript.html
http://forums.asp.net/p/1611284/4118564.aspx
So how do I get the values of these dynamically created HTML elements from code-behind? Is there a JQuery way which is better?
Thank you.
I think you'd may be able to do it with a callback/async postback to your ASP.NET page to update the control tree as you update. Not sure how the ViewState is updated/affected by this.
Otherwise, because your messing with the ViewState, so you'll need to revert to accessing them by the Request.Form object.

JQuery not working with Multiview

I am using the MultiView server control in one web page using Update Panel. In its second view, I have a GridView; whose first column is checkboc controls including the header.
I want to toggle the data items checkbox based on the header checkbox.
For this, I wrote a Jquery function. But the main issue is, When I try to view the page source, I was not able to find out the HTML for the second view.
How could I toggle the checkbox using Jquery or Javascript?
The reason you can't see the HTML source is that the MultiView is a ASP.NET server control and it only renders the currently selected view to the browser.
Use FireBug. After you toggle the view and the HTML is updated, you'll see the current source so you can debug the jQuery.

Resources