Telerik Forums
Kendo UI for jQuery Forum
6 answers
385 views
In RAD ASP controls there was a demo for full-browser window layout using Rad Splitter and panels etc. The nice thing about that demo was while resizing the browser, it allowed to automatically resize all panels within it.

We need similar type of feature in Kendo UI - how do we achieve that? For example,  I need such feature using TabStrip so that the Tab Panel resizes according to the browser size and other items like menu and call remain fix size.
Alex Gyoshev
Telerik team
 answered on 09 May 2012
1 answer
194 views
In a TreeView I can add the following:

.bind("drag", function(e) {

        })

Which allows me to access the dropTarget, which is a DomElement. How can I go about both determining if this is a tree node, and getting said tree node?
Alex Gyoshev
Telerik team
 answered on 09 May 2012
0 answers
173 views
$("#productsGrid").kendoGrid({
    dataSource: dataSoucrce,
    columns: columns,
    scrollable: true,
    groupable: true,
    sortable: true,
    pageable: true,
    filterable: true,
    selectable: "multiple,row",
 
    //put query box in toolbar
    toolbar: "<input class='span3' type='text' id='productsQuery'/>",
 
    //init query box's autocomplete
    dataBound: function(){
 if(typeof $("#productsQuery").data("kendoAutoComplete") == "undefined") {
    $("#productsQuery").kendoAutoComplete({
        minLength: 1,
        dataTextField: "key",
        filter: 'contains',
        change: function(){
            if($("#productsQuery").val() == "") {
                $("#productsGrid").data("kendoGrid").dataSource.filter({});
            }
        },
        placeholder: "Search product key...",
 
        //use the datasource of productsGrid
        dataSource: $("#productsGrid").data("kendoGrid").dataSource
    });
}
    }
});

As you see, I put the query box in the toolbar of kendoGrid, and use kendoGrid's datasource for the kendoAutoComplete.
But I found that after I grouped by the kendoGrid, the autoComplete dropdown list became list of "undefined"s.
Chris
Top achievements
Rank 1
 asked on 09 May 2012
0 answers
130 views
Hello,

I have created a couple of real simple Android applications using the webview. This time however I am creating an actual interface and of course my button are defined in xml. I could define them in Java but for now they are in xml. Can I use / apply Kendo themes to Android XML objects? For example:...of course there is no such Style parameter so I made that last line up to show what I was thinking.

TIA
JB

<Button
            android:id="@+id/btn_Next"
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_marginRight="30dp"
            android:layout_marginBottom="30dp"
            android:text="Next"
            android:onClick="btn_NextClick"
            android:Style="BlueOpal"  />
Ramjet
Top achievements
Rank 1
 asked on 09 May 2012
0 answers
128 views
1. Chrome and IE 9 seem to be fine.
2. Here is the scenario:
   I have a DataSource and a kendoGrid widget setup. Here is part of the code:

   $(document).ready(function () {
        // Monthly Detail data source         var monthlyDetailDataSource = new kendo.data.DataSource({             transport: {                 read: {                     url: '@HttpUtility.JavaScriptStringEncode(Url.Content("~/Home/GetMonthlyDetailData/"))',                     data: {                         asOf: function () {                             return $("#datePicker").val();                         },                         fund: function () {                             try {                                 var dataItem = getSelectedDataItem();                                 var fundCode = dataItem.Fund.split(" ")[0];                                 return fundCode;                             }                             catch (err) {                                 return "";                             }                         }                     }                 }             },             batch: true,             schema: {                 model: {                     fields: {                         MonthStarting: { type: "date" },                         Nav: { type: "number" },                         MonthReturn: { type: "number" },                         Ytd: { type: "number" },                         Ltd: { type: "number" }                     }                 }             },             sort: { field: "MonthStarting", dir: "desc" }         });         // Monthly Detail grid         $("#monthlyDetailGrid").kendoGrid({             height: 300,             scrollable: true,             selectable: true,             sortable: true,             columns: [                 { title: "Month", field: "MonthStarting", template: '#= kendo.toString(MonthStarting, "yyyy-MM (MMM)") #' },                 { title: "NAV", field: "Nav", width: "100px", template: '<span style="float:right">#= kendo.toString(Nav, "n4") #</span>' },                 { title: "Monthly", field: "MonthReturn", width: "100px", template: '<span style="float:right">#= kendo.toString(MonthReturn, "p2") #</span>' },                 { title: "YTD", field: "Ytd", width: "100px", template: '<span style="float:right">#= kendo.toString(Ytd, "p2") #</span>' },                 { title: "LTD", field: "Ltd", width: "100px", template: '<span style="float:right">#= kendo.toString(Ltd, "p2") #</span>' }             ],             dataSource: monthlyDetailDataSource         }).data("kendoGrid"); // more code goes here ...
    });
On document ready I'm hitting my MVC 3 action on the server and returning null instead of "real"
JsonResult. The code of the method:
        public JsonResult GetMonthlyDetailData(string asOf, string fund)         {             if (String.IsNullOrEmpty(fund))             {                 return null;                                                                    // This is an issue                 // return Json(new List<FundReturnHistory>(), JsonRequestBehavior.AllowGet);    // This fixes it             }                              var asOfDate = GetDateOrDefault(asOf);             var data = historyProvider.GetFundReturnHistory(asOfDate, fund).First();             return Json(data, JsonRequestBehavior.AllowGet);         }

 
After that the workflow usually is: the user makes a dropdown selection on the UI, 
and subsequently triggers dataSource.read(), in this case:
 $("#monthlyDetailGrid").data("kendoGrid").dataSource.read();
which will not work if I have returned null in the GetMonthlyDetailData() method. Returning empty Json there fixes the problem. Different browsers have different native support for Json, so returning null would be handled differently... But on top of all that I think the DataSource is being put into an error state which could be a bug, and it might be worth fixing it... ~ Boris
Boris
Top achievements
Rank 1
 asked on 08 May 2012
0 answers
172 views
What are the practical limitations on the amount of data loaded into a Kendo Grid?

We are considering a grid where there will be 1000 records, 100+ columns and potentially 250 characters in each field.

All data would be loaded at once unless there is a simple way to do paging with 1000-record pages also using 'virtual' data and paging at the same time.
Mike
Top achievements
Rank 1
 asked on 08 May 2012
2 answers
206 views
Hi,

I want to animate a button on and off screen depending on which view is visible. Using jQuery.animate() is very slow and unusable on mobiles. I noticed the kendoAnimate() function.

Are there any docs about kendoAnimate? My button resides at the top left of the screen (bottom left in the android style) and needs to slide off the left of the screen and back.

How can I do this with kendoAnimate()?

Thanks
Gareth
Gareth
Top achievements
Rank 1
 answered on 08 May 2012
1 answer
531 views
Is there a way that I am missing that will easily tell me if a DataSource linked to an editable grid has any pending changes?

I am able to set my own flag on the edit and saveChanges events of the Grid, but can't seem to find an event that corresponds the the "Cancel changes" button on the grid. Also, just because someone puts the grid into an edit mode, doesn't mean they actually go through with making a change.

I am thinking that there should be something on the Datasource object, as this holds all the data, but can't fin anything and there are only two events associated with that control, so tracking my own flag there doesn't seem feasible either.

Regards,

   John
rlapao
Top achievements
Rank 1
 answered on 08 May 2012
0 answers
122 views
When displaying selected files, the filename gets truncated even if the control has plenty of space to display it. This can be seen on the Web Demo page on the KendoUI site as well, just by selecting a file whose name is longer than 30 characters. Is there anyway to increase the amount of space available for displaying the selected filename?
Nathan
Top achievements
Rank 1
 asked on 08 May 2012
1 answer
164 views
We are looking for a HTML/CSS toolkit for our new application menu app.  Essentially its a tree view that displays all the various web applications a specific user has rights to access. When the user clicks an item in the treeview, I want to open the app in a tabstrip tab. I have a Kendo UI tree view that is displaying the appropriate apps to choose from, and a tabstrip control I am trying to append a new tab which "hosts" the app.

I have tried (in the select event of the treeview) 

tabStrip.append({
text: TabLabel
content: [null,"http://ourwebapp.aspx"],
encoded: false })

as well as 

tabStrip.append({
text: TabLabel
contentURL: "http://ourwebapp.aspx"})

In each case the tab is created, with the correct text, but no content.

I looked at using AJAX to load the content, but the example URLs all seemed to point to a local html file.

Has anyone else had this problem, and found an answer? It seems like it should be a pretty straight forward task.

Thanks for you time and attention.
Richard


 

 

 

 

Richard
Top achievements
Rank 1
 answered on 08 May 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?