Telerik Forums
Kendo UI for jQuery Forum
5 answers
1.0K+ views
Hy 

I've updated today to the final release of kendo ui, mostly without any problems! 

But either I have a new issue with the combobox. 
I have a combobox that is bound to a remote json data source. Depending on the user input, I have then to change the value of the combobox (I get the id from the server of the new value). The filtering of the combo and also the paging is done on serverside. So what I do on client side is, I call 

var combo = $(this).data("kendoComboBox");
combo.value(newValue);

This works fine as long as the option has already been loaded by the control. But If the value is changed to something that is not in the list that has been loaded when the page has been opened, the control will just display the value, but without the right caption.

So my next try was to use the refresh method. So first I set the value as described before, then I call refresh on the combo. Either this has exactly the same behaviour, no quering of the server if the option is unkown.

My last try was to use the search function, this method does correctly the filtering of the options on the server side, but  then it will always open the suggest box that i don't want to have... I know what it has to be! 

Any suggestions how I can avoid this behaviour? Must i use the datasource directly??


Thank you 
Micha 

Frank
Top achievements
Rank 1
 answered on 24 Mar 2012
4 answers
427 views
Hi,

I would like send the UID from a new entry with the other data to the server. (I use the beta from KendoUI)

schema:
schema: {
                               model: {
                                   id: "ID",
                                   fields: {
                                       Email: { validation: { required: true}},
                                       datauid: { editable: false}
                                   }
                               },
                               total: function(result) {
                                   // Count records
                                   //alert(result.length);
                                   GridCount_dataBound(result);
                               }
                           }

columns:
columns: [
                            { field: "Email", title: "<?php echo $this->translate("Email"); ?>"},
                            { field: "datauid", title: "<?php echo $this->translate("UID"); ?>",  template: "<input type='hidden' name='datauid' value='#= uid #'>"},
                            { command: [
                                        {name: "edit"},
                                        {name: "destroy"}
                                       ], width: "200px"
                            }
                        ],

I can see the uid in the input field but the model is emty:
models  [{"ID":"","Email":"cyxcyxcxy","datauid":""}]

Could you help me?

Best regards
Damir
Damir
Top achievements
Rank 1
 answered on 23 Mar 2012
2 answers
154 views
Hi,

I am starting a new application and I intend to use KendoUI Mobile. When I show an external View like this: 
    <a href="http://kendoui.com/" data-rel="external">Visit KendoUI</a>
    or something like that:
 <div data-role="view">Foo <a href="bar.html" data-role="button">Go to Bar</a></div>


Is there any Postback ??? I Suppose the view is loaded with Ajax without any PostBack, Am I correct ???

Thanks in advance
mvbaffa
Top achievements
Rank 1
 answered on 23 Mar 2012
0 answers
117 views
I'm working on an application that needs to have one element selected in a hierarchy grid. To explain further, there's a top level grid of items, and each item in that list has a sub-grid. I want to make it so that when you select any element in the top level grid or any of the subgrids, it clears the selections out for all the others. Is there an easy way to do this?
David
Top achievements
Rank 1
 asked on 23 Mar 2012
0 answers
195 views
As a software engineer, just now i am learning the Kendo UI, to implement in our future project. 

If i call a page method from ajax ($.ajax), and create a data source, and supply that datasource to the kendo autocomplete, then it works fine.

But I am trying to connect to an Asp Net page method from within a datasource which is inside a kendo autocomplete. Because I am planning to extensively follow this approach in Grid paging, filtering and sorting etc.

But the page method is never called at all. Herewith I show the code.

Client Side:

var _rootUrl = '<%=string.Format("{0}{1}/", Request.Url.GetLeftPart(UriPartial.Authority), HttpRuntime.AppDomainAppVirtualPath)%>';
$(document).ready(function()
        {
            $("#TxtName").kendoAutoComplete(
            {
                minLength: 1,
                dataTextField: "Name",
                dataSource: 
                {
                    transport: 
                    {
                        read: 
                        {
                            type: "POST",
                            url: _rootUrl + "AutoComplete/Default7.aspx/GetEmployeesNames",
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",
                            data: "{}"
                        }
                    },
                    schema: 
                    {
                        data: function(data) 
                        {
                            return JSON.parse(data.d);
                        }
                    }
                }
            });
        });

Server Side Asp Net Page Method:

    [System.Web.Services.WebMethod()]
    [System.Web.Script.Services.ScriptMethod()]
    public static string GetEmployeesNames()
    {
        string StrConnectionString = ConfigurationManager.ConnectionStrings["ConnectionStringEmployeesNormalized2"].ConnectionString;
        SqlConnection SqlConnection1 = new SqlConnection(StrConnectionString);
        SqlCommand SqlCommand1 = new SqlCommand("SELECT Id, Name FROM dbo.Employees ", SqlConnection1);

        DataTable DataTable1 = new DataTable();
        SqlDataAdapter SqlDataAdapter1 = new SqlDataAdapter(SqlCommand1);
        SqlDataAdapter1.Fill(DataTable1);

        List<Employee> List1 = new List<Employee>();
        foreach (DataRow DataRow1 in DataTable1.Rows)
        {
            List1.Add(new Employee(Convert.ToInt32(DataRow1["Id"]), Convert.ToString(DataRow1["Name"])));
        }

        string JsonText = (new JavaScriptSerializer()).Serialize(List1);

        HttpContext.Current.Response.ContentType = "application/json";
        return JsonText;
    }

Could you please help me?
Guna
Top achievements
Rank 1
 asked on 23 Mar 2012
1 answer
248 views
Hi.  I have 3 cascading dropdowns in my form, similar to the beta example.  Sometimes when I load my form, it may already be filled out.  Meaning I need to populate the menu with the proper items and then select the correct one. 

My question is, I call the .read method to populate the datasource, but then how do I select the item.  I tried doing it in the datasource changed event but that did not work.  If I set the selection before refreshing the datasource, then it gets wiped out.  I'm not sure why it's not doing it in the changed event, seems like that should.
Georgi Krustev
Telerik team
 answered on 23 Mar 2012
1 answer
127 views
I'm trying to get my window to open in the center of the screen.
I'm here totally confuse with the code.

It is working fine in brwosers like FF & Chrome.
here is the code m using:

$(document).ready(function() {
                    var window = $("#window"),
                    undo = $("#undo")
                            .bind("click", function() {
                                window.data("kendoWindow").open();
                                undo.show();
                            });
                    
                    var onClose = function() {
                    undo.show();
                    }
                    
                    if (!window.data("kendoWindow")) {
                    window.kendoWindow({
                        width: "500px",
height: "330px",
                        modal: true,
                        title: "RFX Details",
visible: false,
                        content: "popupContent.html",
                        actions: ["Refresh", "Maximize", "Close"],
close: onClose
                    }).data("kendoWidnow").center().open();
                    


}
$("#undo").click(function(){
var window = $("#window").data("kendoWindow");
window.center();
window.open();
});
                    });
Dimo
Telerik team
 answered on 23 Mar 2012
3 answers
789 views
What IDE is best to use to develop html5 websites and/or apps?

thanks
Basem
Top achievements
Rank 1
 answered on 23 Mar 2012
1 answer
125 views
The website specifically says that KendoUI is included in Premium collection:

Already a Telerik customer? Kendo UI is included in Telerik Premium and Ultimate Collections

Yet when I tried to upgrade to Q1 2012 after using Q3 2011 I only have access to the "Web" part of Kendo.  If this is a change in pricing/bundling then there seem to have been little or no notice of this, which has removed parts of the Kendo framework which I previously had access.

I have been testing the Dataviz heavily recently as a part of new production page and have been waiting for a fix for a Firefox bug (which I found) and I'll be very dissapointed if I no longer have access to that fix without any notice,

Thanks.

Atanas Korchev
Telerik team
 answered on 23 Mar 2012
4 answers
120 views
Hi,

I have a Web Mobile application, developed some time ago,aAt that time there was no Kendo UI Mobile, and I would like to use KendoUI Web Widgets in the pages of this application.

I have tested the Web Widgets samples in my Galaxy Tablet and they work very well.

Is there any known issue that could make improper the use of Web Widgets in Mobile Applications.

Thanks in advance
mvbaffa
Top achievements
Rank 1
 answered on 23 Mar 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Drag and Drop
Application
Map
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?