Telerik Forums
Kendo UI for jQuery Forum
6 answers
671 views
Is it possible to replace scrollbar in Kendo DropDownList? It would be great to be able to change how the scrollbar in DropDownList popup looks like. But when using styleable scrollbars libraries like jscrollpane, Kendo DropDownList is not working correctly - it instantly closes after opening. Is it possible to solve this problem or use some other way to customize how the scroller looks?
Andrew
Top achievements
Rank 1
 answered on 21 Dec 2012
1 answer
84 views
Hello,
Is there any sample showing data visualization controls in kendo UI mobile application.
a demo application with chart or gauge control shall be highly appreciated.

Thanks.
Alexander Valchev
Telerik team
 answered on 21 Dec 2012
1 answer
407 views
Hello all,

I just wanted to share information on how you can perform declarative initialization of the Kendo UI Grid. There was no example in the documentation, but there were several clues given by the developers on how it could be done. This sort of technique is really helpful if you want to data-bind the ObservableArray property of an ObservableObject to your view when calling kendo.bind(). In the Model below, the Invoices property returns a collection of invoices; hence, it is an ObservableArray when the data is retrieved from the server.

var entityModel = kendo.data.Model.define({
  id: 'Id',
  fields: {
    Id: { editable: false, defaultValue: '00000000' },
    Name: {},
    Invoices: {
      Approved: { type: 'date' },
      Completed: { type: 'date', defaultValue: null },
      Type: { type: 'number' }
    }
  }
});
Here is the declarative initialization of the Grid:

<table id="invoices" data-role="grid" data-toolbar="[{ name: 'create', text: 'Add new invoice'}]"
            data-editable="inline" data-bind="source: Invoices"
            data-columns="[{field: 'Type', template: '#= app.invoiceTypes[Type].name #',
              editor: function (container, options) {
                $('<select></select>').appendTo(container).kendoDropDownList(); }},
              {field: 'Approved', format: '{0:dd MMM yyyy}'},
              {field: 'Completed', format: '{0:dd MMM yyyy}'},
              {command: 'edit'}]">
</table>
The rows of the Grid are auto-generated if there is data present, just as you would expect. There are still some quirks I need to work out with the way it refreshes itself when the command buttons are clicked, but this is the general idea.

Cheers!
Rosen
Telerik team
 answered on 21 Dec 2012
5 answers
527 views
Hi,

Has anybody managed to put a search box onto the main part of the menu bar? I can get it into a menu item, but not on the main bar.
Is this possible?
Dimo
Telerik team
 answered on 21 Dec 2012
3 answers
153 views
I've got a json datasource and if I bind to my grid using:

{dataSource: Currencies, columns...etc} then it works OK. however if I use:

{dataSource: {data: Currencies, pageSize: 20}, columns...etc} then it does not work.

Can anyone confirm what I'm doing wrong in the second example, which is how most of the demos work...?

Cheers
Cliff
Atanas Korchev
Telerik team
 answered on 21 Dec 2012
1 answer
522 views
Hi,

I'm using cascading comboboxes like in the Kendo UI samples.

Everything works fine, but I don't want to enable the Checkbox once it is cacaded. I'd like to decide based on other facts if the Combobox whether should be enabled or not.

So how can I disable the feature, that the second combobox is automatically enabled?

Greets
Jayesh Goyani
Top achievements
Rank 2
 answered on 21 Dec 2012
2 answers
181 views
Hi,
I am using the grid to do the following

 

 

 

function BindDataToGrid(Data) {

 

 

 

var dataSource = new kendo.data.DataSource({

 

pageSize: 30,

data: Data,

autoSync:

 

true,

 

schema: {

model: {

id:

 

"ModuleID",

 

fields: {

ModuleID: { editable:

 

false, nullable: true },

 

Name: { editable:

 

false, nullable: true },

 

View: { editable:

 

false, nullable: true },

 

Add: { editable:

 

false, nullable: true },

 

Delete: { editable:

 

false, nullable: true },

 

IsDefault: { editable:

 

false, nullable: true }

 

}

}

}

});

$(

 

"#roleAccessGrid").kendoGrid({

 

dataSource: dataSource,

pageable:

 

true,

 

height: 260,

 

columns: [

{ field:

 

"Name", width: 120, title: "Module Name " },

 

 

 

//{ field: "ProductName", title: "Product Name" },

 

 

 

 

 

{field:

 

"View", width: 50, title: "View", template: '<input type="checkbox" # if(View==true){ # checked #} #></input>' },

 

{

field:

 

"Add",

 

width: 50,

title:

 

"Add",

 

template:

 

"<input type='checkbox' id='chkAdd' # if(Add==1){ # checked=checked #} # />"

 

 

 

 

 

},

{

field:

 

"Edit",

 

width: 50,

title:

 

"Edit",

 

template:

 

"<input type='checkbox' id='chkEdit' # if(Edit==1){ # checked #} # />"

 

 

 

 

 

},

{

field:

 

"Delete",

 

width: 50,

title:

 

"Delete",

 

template:

 

"<input type='checkbox' id='chkDelete' # if(Delete==1){ # checked #} # />"

 

 

 

 

 

},

{

field:

 

"IsDefault",

 

width: 50,

title:

 

"IsDefault",

 

template:

 

"<input type='checkbox' id='chkIsDefault' # if(IsDefault==1){ # checked #} # />"

 

 

 

 

 

}

],

editable:true 

});



My problem is that I am unable to retrieve the value after making a change on the check box.

Thanks in advance

Vijay
Top achievements
Rank 1
 answered on 21 Dec 2012
1 answer
1.2K+ views
Hi,

I have formed tree as below,
A
-B
--C
---D

Now when user clicks on D, I need to list complete parent path in my grid, hence I am trying to figure out a way to get parent(s) text (in an array) that I can use to populate my grid.

Can you please let me know how to do that?

Thanks,
Barani
Alexander Valchev
Telerik team
 answered on 20 Dec 2012
3 answers
387 views
Hello, 
I'm using Kendo Menu

<script>
function onSelected(e) { }
</script>
        <div class="k-rtl" >
            <%= Html.Kendo().Menu()
                .Name("Menu").Events(ev=>ev.Select("onSelected"))
                .Items(items =>
                {
                    items.Add()
                         .Text("menu1")
                         .Items(children =>
                         {
                             children.Add().Text("Sub Item 1");
                             children.Add().Text("Sub Item 2");
                             children.Add().Text("Sub Item 3");
                             children.Add().Text("Sub Item 4");
                             children.Add().Text("Sub Item 5");
                         });

                    items.Add()
                        .Text("menu2")
                        .Items(children =>
                        {
                            children.Add().Text("Sub Item 1");
                            children.Add().Text("Sub Item 2");
                            children.Add().Text("Sub Item 3");
                            children.Add().Text("Sub Item 4");
                            children.Add().Text("Sub Item 5");
                        });

                })
            %>
        </div>
        <div id="contentFrame">
                 <%--<% Html.RenderPartial("~/Views/Ascx/WizardControl.ascx"); %>--%>
        </div>

The view is under master page
I need to load partial view (ascx) dynamically into the div (contentFrame) depending on the selected menu item.

How can I perform this?

Thank you in advance
Shabby
Holger
Top achievements
Rank 1
 answered on 20 Dec 2012
2 answers
196 views
How do you persist state of panelbar items across postbacks?  I am using MVC4 and Razor... with panelbar in a master page _contentLayout f you will... Not sure how I can save the state of items and expanded state easily, don't see any config methods as there might have been in the past with telerik controls.
thanks
Marty
Marty
Top achievements
Rank 1
 answered on 20 Dec 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
Gauges
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Collapsible
Localization
MultiViewCalendar
Touch
Breadcrumb
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
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
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?