Telerik Forums
Kendo UI for jQuery Forum
2 answers
4.3K+ views
can some one tell me how to set the grid row height? thanks 
I tried using a row template but doesn't work.

<script id="rowTemplate" type="text/x-kendo-tmpl">
            <tr style="height=10px">
                <td> etc


also tried
$("#grid").kendoGrid({
                columns: [
                    { title:"col1", field: "COL1", width: 100, height:10 },

thank in advance
Dimo
Telerik team
 answered on 23 Jul 2014
1 answer
209 views
I copied the demo code for grabbing selected nodes. This is bound to dataSource.bind("change", function). Is there anyway to specify what kind of change to the dataSource. In my case, I want to bind specifically to a check or an uncheck of a checkbox. I would like it to discern between that and appending nodes to the tree and other changes to the dataSource.
Alex Gyoshev
Telerik team
 answered on 23 Jul 2014
2 answers
272 views
In grid documentation I found collapseGroup and expandGroup method.
I need some custom action when user collapse or expand group. In documentation I found detailCollapse and detailExpand event, but not groupCollapse and groupExpand.
Is there any way to catch this 2 events?
Matjaz
Top achievements
Rank 1
 answered on 23 Jul 2014
2 answers
310 views
Hi,

I am trying to implement cascading drop down on client side. 

I have two data sources. one for Organizations and second one for Locations. Organizations json has Id and Name. Locations json has Id, Name and OrganizationId (reference to Organizations). Once the user selects Organization in the first drop down I want to show relevant values in the second drop down. Also, user can directly select a location with out selecting an organization.

I am trying to populate the Locations drop down along with a custom attribute to to indicate the organization that it belongs. I am trying to use Attr binding and its not working. I am not sure If I am using it the right way.

Data Source: 
var locations = new kendo.data.DataSource({
    schema: { model: { id: "Id" } },
    transport: {
        read: {
            url: '/Org/Locations',
            datatype: 'json',
            type: 'GET'
        }
    }
});

Model:
var homeModel = new kendo.observable({
    organiztion: organizations,
    location: locations,
    selectedOrg: null,
    selectedlocation: null,
});

View:
<input name="Locations"
                       data-role="dropdownlist"
                       data-bind="source: location,value: selectedLocation, attr:{org:OrganizationId},"
                       data-value-primitive="true"
                       data-text-field="Name"
                       data-value-field="Id" />

Output that I am expecting is something like this
<select>
   <option value="10" org="2">USA</option>
</select>
Alexander Valchev
Telerik team
 answered on 23 Jul 2014
10 answers
1.9K+ views
Hello,

I am referring to SchedulerCustomEditor Project and in CustomEdiotTemplate.cshtml file i am adding a button and on click of button i want to load another Pop up window with a grid. The Moment i add window open code in button click Event the custom Editor Pop up stops coming.
Atttached the

Attached my template file and TestClick Event to Show Pop up window

Thanks

Anamika
Anamika
Top achievements
Rank 1
 answered on 23 Jul 2014
8 answers
103 views
We're binding to a sitemap file as shown below: 

<?xml version="1.0" encoding="utf-8" ?>
<siteMap>
  <siteMapNode title="Home" controller="Home" action="index">
    <siteMapNode title="Dashboard"  controller="MyController" action="index" />
    <siteMapNode title="My Future" controller="MyController" action="Input" />
    <siteMapNode title="My Retirement" controller="MyController" action="Input" />
    <siteMapNode title="System">
      <siteMapNode title="Profile" controller="MyController" action="Profile" />
      <siteMapNode title="Income and Expenses" controller="MyController" action="IncomeAndExpenses" />
      <siteMapNode title="Assets and Liabilities" controller="MyController" action="AssetsAndLiabilities" />
      <siteMapNode title="Insurance" controller="MyController" action="Insurance" />
      <siteMapNode title="Bootstrap">
        <siteMapNode title="Typography" controller="system" action="Typography" />
      </siteMapNode>
    </siteMapNode>
  </siteMapNode>
</siteMap>


The base controller executes this code in the constructor: 
if (!SiteMapManager.SiteMaps.ContainsKey("main"))
{
    SiteMapManager.SiteMaps.Register<XmlSiteMap>("main", sitemenu => sitemenu.LoadFrom("~/Utilities/Sitemaps/Main.sitemap"));
}

It's binding correctly using some of the examples shown on these forums. However, the nodes in Bold above don't expand. So clicking on System does nothing. Using Firebug I can see the sub-items are there rendered as a UL so I go into Firebug and remove the display:none attribute. 

The first screenshot "How it should look.png" shows what it should look like expanded. 
Note: I had to use Firebug to get it to display. Clicking on System does nothing... doesn't even throw any errors. 

Note 2: When this panelbar is used on a page that is not included in the Sitemap or rendered out as part of the HTML hierarchy then the items expand, but on pages that do exist in the Sitemap, it doesn't work at all. 

Any ideas or do you need more information? 










Alex Gyoshev
Telerik team
 answered on 23 Jul 2014
1 answer
114 views
Hi,

I'm creating a mobile app and I've got a button in my navigation bar which I have disabled:

<div data-role="navbar">
        <a class="cublink" data-role="button" data-align="middle" data-transition="slide:left" href="#divSelect" disabled="disabled">Continue</a>
        <a class="cublink" data-role="button" data-align="right" data-transition="slide:left" href="#divHelp">Help</a>
</div>

As you can see, I have added the disabled attribute above to the "Continue" button.  The button looks disabled when running, and a single click on it does not take me to the designated page, which is good.  However, if I swipe the button, it does fire it.  Is there some code which ignores the disabled attribute when swiped and not clicked?
Kiril Nikolov
Telerik team
 answered on 23 Jul 2014
4 answers
243 views
Hi, i've been trying to get user grid preference saving following this link:

http://jsbin.com/anisip/31/edit

It's been very helpful so far with saving the data to my database.

However, i'm trying to load the saved data now but i cant seem to get it working.


In my database, i've saved the "state" of the object which looks similar to this:
"{"group":[{"field":"Supplier","dir":"asc","aggregates":[]}]}"

When i load my page i try to load the user grid preference from the database (due to filtering needed as soon as the window loads, i have this method in the window.load() function).

                var grid = $("#Grid").data("kendoGrid");

                // Load grid preferences.
                $.post("Home/LoadGridPreference", { forScreen: "" }, function (data) {
                    var state = JSON.parse(data);
                    if (state) {
                        grid.dataSource.query(state);
                    } else {
                        grid.dataSource.read();
                    }
                });

I have checked that the data i get in "state" is indeed the same as before i stringified the grid information.

However when it gets to the stage grid.dataSource.query(state), nothing seems to happen , i cant see any ordering that i have saved in the database.

Also, to test out whether its the "state" value not being set correctly, i have tried to manually override this by using the exact values from when the "state" value was set. i.e. i have tried this grid.dataSource.query("{"group":[{"field":"Supplier","dir":"asc","aggregates":[]}]}")

Yet this does not work either. 

I can see that it's trying to do something as this seems to make the row counter (located on the bottom right of the screen) to say NaN - NaN of 3 items.


The example on JSBin works perfectly using cookies, but why isn't this working when i implement this on my project and save the grid preferences into the database?


Thanks
Rosen
Telerik team
 answered on 23 Jul 2014
8 answers
584 views
Hi,

I am using DateTimePicker control on a column filter on Kendo Grid. The column type is also DateTime.

The scrollbar for the Time Picker works perfect at the start. But as soon as the Grid data is changed (e.g; some column is sorted), the scrolling goes away. The time values from 00 to 24 are diplayed without any scrolling and destroys the outlook of the whole page.

I was looking for some DateTimePicker options to set its css, but apparently it is not possible.

Best Regards
Zaheer
Kiril Nikolov
Telerik team
 answered on 23 Jul 2014
2 answers
161 views
Is it possible to use a grouped Datasource in the DropDownList? I just want to use the groups for something like optgroups in html selects.

Thanks in advance.

Georgi Krustev
Telerik team
 answered on 23 Jul 2014
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
DropDownTree
ListBox
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
Licensing
PivotGridV2
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
LLM Kit
+? 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?