|
$('#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!!!! (
|
|
|
|
|
Hi, thanks for your awesome work, i traying to use the control populating with 7,000 items and when i want to serch, the explorer get freeze for a few minutes.
Do you have any sugestion?
|
|
|
|
|
The autocomplte dropdown works fine if I run the code from VS2010 SP1, but if I run the app URL seperately from IE it throws me an error and takes me to 3rd line of js file 'jquery-1.6.4.min.js'.
The charachters its showing in error is double forward slashes(i.e. //) which we use to put comment in JS.
If I open the file from VS2010 it doesnt show me an error but if I open it from VS2008 it shows me code next to '//' in green color i.e. like commented code. I'm really not getting how to figure out the problem.
Thanks
Vitthal.
|
|
|
|
|
Hi,
How to handle a newly inserted item?On which event will that item be captured?
Based on an item inserted I have to perform certain other tasks.But unable to capture the inserted item.
Regds,
Balakrishnan
modified 24-May-13 7:49am.
|
|
|
|
|
First of all thank you so much for such a wonderful control.
I don't know what I am doing wrong. I am able to access the control through code behind. But when I try to access selected index through javascript it says 'undefined'. Any idea why this must be happening??
SantoshiKC
|
|
|
|
|
Thanks for the Control!
I got this problem in my page...
I have both the RangeValidator (to check other fields) and the Editable-Dropdownlist on my page
but I got the following error
"$(...).eddlcombobox is not a function"
seems that the problem exists to all ASP Validators
modified 18-Apr-13 3:50am.
|
|
|
|
|