|
how to add onchange event on dropdown i am unable to do that and i want value of dropdown but when
var val = $("[id*=EditableDropDownList1]").val();
alert(val);
it alert the text not the value of dropdown
|
|
|
|
|
Hey, am facing the same problem if got any solution for that please help me out.
Thanks
|
|
|
|
|
Hi, i need run it in IE8, but is not working. I have to do something aditional?
Thanks a lot
|
|
|
|
|
Hi Eric,
Great article. I have two questions that I know you can assist me or anyone on this forum is welcome to help out.
I notice your demo has the drop down selection in the editable control aligned "left." Also, the button next to it has a down arrow image. I have looked over and over in the jquery-ui.css file and I can't find the section that would help me align my editable drop down selections to align left and have the down arrow on the button next to it too.
Thanks,
Donjuanwu
|
|
|
|
|
|
$('#ClientID_list').change(function() {
alert('Hello');
})
|
|
|
|
|
hey first of all great work .im trying to populate a country list which is in javascript file in the form of array .its work fine with dropdownlist but shows blank with editableddl.
please help.
<pre lang="HTML">
<editable:EditableDropDownList ID="country" runat="server"/ >
</editable:EditableDropDownList>
< script language="javascript" type="text/javascript" >
populateCountries2("country");
</script>
|
|
|
|
|
Drop down not working inside grid view ..it brings always selected index=0 so it does not fire the selected index change is there any solution for that ... will be help full if solution in given struggling for 3 days
Code Make Worlds
|
|
|
|
|
All of our ASP.NET web forms are associated to a Master Page.
I can't get this control to work when using a master page.
Also, I cannot get the button to show at all.
Your help is appreciated.
|
|
|
|
|
put all the j script files and css link file on master and then....include the server tag on the child page then it will work
|
|
|
|
|
hello,I want to change the height of this control ,I give the height property 60px,but the control seem like the same,it does not change .How can I change the height ?
height change
|
|
|
|
|
The maximum dropdown height is set in the CSS file "css/jquery-ui.css" to 300px.
This will cause a scroll bar to always be visible but it will also prevent the drop down list from getting to big.
To turn this feature off, you will need to remove or comment out the line setting the max-height or you can adjust the maximum height.
|
|
|
|
|
Hi
I've just downloaded a copy of your control and I must say that it's simply awesome!, thanks a lot for sharing, just one question, it seems like AutoPostBack is not working when selecting an option, is there any fix for that?
Thanks in advance.
|
|
|
|
|
In step 1 of Using the Code bullit #3 I am getting Error: "'C:\...\EditableDropDownList-FilesOnly\EditableDropDownList.dll' is not a Microsoft .NET module."
I downloaded EditableDropDownList-FilesOnly from the CodeProject site.
What am I doing wrong?
modified 29-Jan-14 16:54pm.
|
|
|
|
|
Does anyone know the version of .net this was compiled for?
I am using .net 3.5 with VS 2008.
|
|
|
|
|
Who needs it.
The code to replace in "EditableDropDownList.cs" to use both the DataTextField DataValueField of the DropDownList. Not only does the DataTextField.
Example: from ["Hello","Ciao"] to [{value:"en-US", label:"Hello"}, {value:"it-IT", label:"Ciao"}]
protected override void Render(HtmlTextWriter writer)
{
if (Visible)
{
string style = (Width.Value > 0) ? string.Format(@" style=""width: {0}; ", Width) : string.Empty;
if (Style.Count > 0)
{
if (string.IsNullOrEmpty(style)) style = @" style=""";
foreach (string key in Style.Keys)
{
style += string.Format("{0}: {1}; ", key, Style[key]);
}
}
if (!string.IsNullOrEmpty(style)) style = style.TrimEnd() + @"""";
if (Items.Count > 0 && Enabled)
{
string css = string.Format(@"class=""ui-widget ui-widget-content ui-corner-left{0}""", (string.IsNullOrWhiteSpace(CssClass)) ? string.Empty : string.Format(@" {0}", CssClass));
List<string[]> dropDownItems = new List<string[]>();
foreach (ListItem item in Items)
{
dropDownItems.Add(new string[]{item.Value, item.Text});
}
string userSelections = CreateJavascriptArray(dropDownItems);
string tabIndex = (TabIndex > 0) ? string.Format(@" tabindex=""{0}"" ", TabIndex) : string.Empty;
string customAttributes = GetCustomAttributes();
string baseID = ClientID;
string markup = string.Format(@"<input type=""text"" value=""{0}"" id=""{1}"" name=""{1}"" {2}{3}{4}{5}/>", Text, baseID, css, style, tabIndex, customAttributes);
writer.Write(markup);
string listID = string.Format("{0}_list", ClientID);
string script = string.Format(@"$(""#{0}"").combobox( {{source: {1}, name: ""{2}"", autopostback: {3}, autoselectFirstItem: {4}}} );", baseID, userSelections, listID, (AutoPostBack || OnClick != null).ToString().ToLower(), AutoselectFirstItem.ToString().ToLower());
if (_setFocus)
{
script += string.Format("\n$(\"#{0}\").focus();", listID);
}
if (ScriptManager.GetCurrent(this.Page) != null)
ScriptManager.RegisterStartupScript(this, this.GetType(), "init" + ClientID, script, true);
else
this.Page.ClientScript.RegisterStartupScript(this.GetType(), "init" + ClientID, script, true);
}
else
{
string css = string.Format(@"class=""ui-widget ui-widget-content ui-corner-left ui-corner-right{0}""", (string.IsNullOrWhiteSpace(CssClass)) ? string.Empty : string.Format(@" {0}", CssClass));
string disabled = (Enabled == true) ? string.Empty : @" disabled=""true""";
string markup = string.Format(@"<input type=""text"" value=""{0}"" id=""{1}"" name=""{1}"" {2}{3}{4}/>", Text, ClientID, css, style, disabled);
writer.Write(markup);
}
}
}
and
private string CreateJavascriptArray(List<string[]> values)
{
if (values == null || values.Count == 0)
return string.Empty;
if (Sorted)
{
values.Sort((k, v) => String.Compare(k[0], v[0]));
}
string data = "[";
string comma = string.Empty;
Dictionary<string, string> previousValues = new Dictionary<string, string>();
foreach (string[] s in values)
{
if (!string.IsNullOrEmpty(s[0]) && !previousValues.ContainsKey(s[0]))
{
data += comma + @"{value:""" + s[0].Replace(@"""", @"\""") + @""","
+ @"label:""" + s[1].Replace(@"""", @"\""") + @"""}";
if (string.IsNullOrEmpty(comma))
comma = ",";
previousValues.Add(s[0], s[1]);
}
}
data += "]";
return data;
}
|
|
|
|
|
Hi,
this control doesn't seem to work with IE 11 version. Should I do some changes to the code to make it work ?
|
|
|
|
|
Hi jshrilekha,
Did you get a solution how to get this code work on IE 11?
|
|
|
|
|
hello
I was using this editable dropdown in my application, it works fine but when i use it in gridview n enable autopostback property of dropdown...then it doesn't retain it selected value.
please solve this problem if any one can. it'll be great.
Thanx
|
|
|
|
|
the files uploaded here for editable dropdown list are currupted...i m not able to extract dat files? whts problm wid it?
|
|
|
|
|
Great work, But Why the control didn't handle more than 20 items ?
|
|
|
|
|
Added the EditableDropDown inside GridView, tried accessing through FindControl :
(
(EditableDropDownList)item.FindControl("ddlOpen")).SelectedValue
But data is not coming correct.
Noticed in browser, it replaces the original control with other.
<td class="grid_margin">
<input type="text" class="ui-widget ui-widget-content ui-corner-left service_hous_dropdown editableGridSet" name="dnn_ctr532_ViewOnBoardingModule_DealershipProfile_DealerProfile_grdService_ddlOpen_0" id="dnn_ctr532_ViewOnBoardingModule_DealershipProfile_DealerProfile_grdService_ddlOpen_0" value="00:00 AM" style="display: none;"><input class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true" style="align-items: stretch; align-self: stretch; animation: 0s cubic-bezier(0.25, 0.1, 0.25, 1) 0s normal none 1 none; animation-play-state: running; backface-visibility: visible; background: url("http://localhost/dotnetnuke/DesktopModules/OnBoardingModule/JavaScript/css/img/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% rgb(255, 255, 255); border: 1px solid rgb(170, 170, 170); border-radius: 4px 0px 0px 4px; border-collapse: collapse; border-spacing: 0px; bottom: auto; box-shadow: none; caption-side: top; clear: none; clip: auto; color: rgb(34, 34, 34); content: none; counter-increment: none; counter-reset: none; cursor: text; direction: ltr; empty-cells: -moz-show-background; flex: 0 1 auto; flex-direction: row; float: none; font: 400 10px/12px Verdana,Arial,sans-serif; height: 18px; ime-mode: auto; justify-content: flex-start; left: auto; letter-spacing: normal; list-style: disc outside none; margin: 10px 0px 0px 20px; marker-offset: auto; max-height: none; max-width: none; min-height: 0px; min-width: 0px; opacity: 1; order: 0; outline: 0px none rgb(0, 0, 0); outline-offset: 0px; overflow: visible; padding: 0px; page-break-after: auto; page-break-before: auto; page-break-inside: auto; perspective: none; perspective-origin: 50% 50%; pointer-events: auto; position: static; quotes: """ """ "‘" "’"; resize: none; right: auto; table-layout: auto; text-align: start; -moz-text-blink: none; -moz-text-decoration-color: rgb(34, 34, 34); -moz-text-decoration-line: none; -moz-text-decoration-style: solid; text-indent: 0px; text-overflow: clip; text-shadow: none; text-transform: none; top: auto; transform: none; transform-origin: 50% 50% 0px; transform-style: flat; transition: all 0s cubic-bezier(0.25, 0.1, 0.25, 1) 0s; unicode-bidi: normal; vertical-align: baseline; visibility: visible; white-space: normal; width: 70px; word-break: normal; word-spacing: 0px; word-wrap: normal; z-index: auto; -moz-appearance: textfield; -moz-background-inline-policy: continuous; -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields"); -moz-box-align: stretch; -moz-box-direction: normal; -moz-box-flex: 0; -moz-box-ordinal-group: 1; -moz-box-orient: horizontal; -moz-box-pack: start; -moz-box-sizing: border-box; -moz-columns: auto auto; -moz-column-fill: balance; -moz-column-gap: 10px; -moz-column-rule: 0px none rgb(34, 34, 34); -moz-float-edge: content-box; -moz-force-broken-image-icon: 0; -moz-hyphens: manual; -moz-image-region: auto; -moz-orient: auto; -moz-outline-radius: 0px 0px 0px 0px; -moz-stack-sizing: stretch-to-fit; -moz-tab-size: 8; -moz-text-align-last: auto; -moz-text-size-adjust: auto; -moz-user-focus: none; -moz-user-input: auto; -moz-user-modify: read-write; -moz-user-select: text; -moz-window-shadow: default; clip-path: none; clip-rule: nonzero; color-interpolation: srgb; color-interpolation-filters: linearrgb; dominant-baseline: auto; fill: rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; filter: none; flood-color: rgb(0, 0, 0); flood-opacity: 1; image-rendering: auto; lighting-color: rgb(255, 255, 255); marker: none; mask: none; shape-rendering: auto; stop-color: rgb(0, 0, 0); stop-opacity: 1; stroke: none; stroke-dasharray: none; stroke-dashoffset: 0px; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-opacity: 1; stroke-width: 1px; text-anchor: start; text-rendering: optimizelegibility; vector-effect: none;" name="dnn_ctr532_ViewOnBoardingModule_DealershipProfile_DealerProfile_grdService_ddlOpen_0_list" id="dnn_ctr532_ViewOnBoardingModule_DealershipProfile_DealerProfile_grdService_ddlOpen_0_list"><button type="button" tabindex="-1" title="Show All Items" class="ui-button ui-widget ui-state-default ui-button-icon-only ui-corner-right ui-button-icon" role="button" aria-disabled="false" name="dnn_ctr532_ViewOnBoardingModule_DealershipProfile_DealerProfile_grdService_ddlOpen_0_list_button" id="dnn_ctr532_ViewOnBoardingModule_DealershipProfile_DealerProfile_grdService_ddlOpen_0_list_button"> </button>
</td>
|
|
|
|
|
Hi!
Thank you Eric for this great solution!
There was an error in 'jquery-1.6.4.min.js' at the ' return e.nodeValue=b+' i just commented /*&&k[l].apply(k,d)===!1*/ and /*return e.nodeValue=b+*/ and everything is fine!
Leo
|
|
|
|
|
Thanks a lot..The solution worked
|
|
|
|
|
I really love this control, however I ran into an issue in the jquery-1.6.4.min.js when selecting from the list a javascript error of "Object doesn't support property or method 'apply'" would not let me select from the list using IE9. After days of googling the issue and also trying a different jquery min library, I am unable to resolve the issues and I have to abandon the use of the control in order to complete my project on time.
It appears that several questions about the control have gone unanswered which makes me think no one is supporting it and that is so unfortunate! What a waste of a pretty brilliant control! I so wish I could use it!!!! (
|
|
|
|
|