Telerik Forums
Kendo UI for jQuery Forum
8 answers
402 views
Hi All

I have a problem with Grouping .When i do a GroupBy one of the column the Disable class set during databound is lost and everything is enabled once again.

Please find the fiddle link.

http://jsfiddle.net/Mans/zCNXM/5/

Nikolay Rusev
Telerik team
 answered on 21 Jul 2014
5 answers
471 views
Hi,

is it possible to set the pin type via datasource - as the first step?
In my example I got something like this:

data =[{"name": "test1", "shape":"pinTarget", "latlng":[30.268107, -97.744821]},
       {"name": "test2","shape":"pin", "latlng":[40.268107, -97.744821]}];
 
 
$("#map").kendoMap({
    center : [ 30.268107, -97.744821 ],
    zoom : 3,
 
    layers : [ {
         type : "tile",
         urlTemplate : "http://#= subdomain #.tile2.opencyclemap.org/transport/#= zoom     #/#= x #/#= y #.png",
         subdomains : [ "a", "b", "c" ],
         attribution : "© <a href='http://osm.org/copyright'>OpenStreetMap contributors</a>." + "Tiles courtesy of <a href='http://www.opencyclemap.org/'>Andy Allan</a>"
    } ,{
         type: "marker",
         dataSource: data,
 
         locationField: "latlng",
         titleField: "name"}],
});

In the next step, I would like to set the markers via datasource and use my own style for the markers. Is that possible?
In my second example I got something like this:

data =[{"name": "test1", "shape":"pinTarget", "latlng":[30.268107, -97.744821]},
       {"name": "test2","shape":"mystyle", "latlng":[40.268107, -97.744821]}];
 
 
$("#map").kendoMap({
    center : [ 30.268107, -97.744821 ],
    zoom : 3,
 
    layers : [ {
         type : "tile",
         urlTemplate : "http://#= subdomain #.tile2.opencyclemap.org/transport/#= zoom     #/#= x #/#= y #.png",
         subdomains : [ "a", "b", "c" ],
         attribution : "© <a href='http://osm.org/copyright'>OpenStreetMap contributors</a>." + "Tiles courtesy of <a href='http://www.opencyclemap.org/'>Andy Allan</a>"
    } ,{
         type: "marker",
         dataSource: data,
 
         locationField: "latlng",
         titleField: "name"}],
});

And in the css something like this:

.k-marker-my-style {
    
    border: solid 5px #00f;
 
  }


Thanks in advance!


T. Tsonev
Telerik team
 answered on 21 Jul 2014
1 answer
296 views
When I set a value to text property of ComboBox and then open the list of items , this shows all the items.This has to show only the items that contains the text entered.
I don't know what is the mistake. Could you help me ?

first step:
combobox.setDataSource(dataSourceData);

second step:
combobox.text(oldText);

third step: Open the list of Items.
Georgi Krustev
Telerik team
 answered on 21 Jul 2014
1 answer
48 views
Hi,

I want to right align tabs of Tab strip  in my widget. For this I have changed align of tabs to right in Kendo.silver.min.css. It is working fine in IE9+ and Chrome but in IE8 and Mozilla Firefox tabs and its data getting overlapped with each other.

Could anyone please let me know what am I missing here.

Code changes:
Added text-align right in "k-tabstrip-items" class in Kendo.silver.min.css.


Thanks in advance.
Iliana Dyankova
Telerik team
 answered on 21 Jul 2014
6 answers
103 views
Is there any way to load a view into the DOM in a Kendo Mobile app without navigating to it so I can perform a validation on the view?  For example, let's say I have two views "view1" and "view2" with "view1" being the view that is initially displayed.  Both views have required input fields.  Ideally, I would like to have a "Validate" button that performs validation on both views and displays a modal window listing the errors.  For example:

var errors = [];
var view1Validator = $('#view1').kendoValidator().data("kendoValidator");
if (!view1Validator.validate()) {
    errors = view1Validator.errors();
}
 
// unless the user has navigated to view2, it has not been loaded into the DOM, so view2Validator is always null
var view2Validator = $('#view2').kendoValidator().data("kendoValidator");
if (!view2Validator.validate()) {
    errors = errors.concat(view2Validator.errors());
}
  
// display the errors

The problem is that unless I have already navigated to view2, it's not yet loaded into the DOM, so the view2Validator is always null.

Thanks,
Todd.
Kiril Nikolov
Telerik team
 answered on 21 Jul 2014
6 answers
146 views
Hi,

just updated the Kendo Version to 2014 Q2 and wanted to insert the CleanFormatting Tool for the editor, but it doesn't show up in visual studio.
If I add .CleanFormatting() manually to the list it shows me an compiler error.
The new file browser works fine, so I think I updated the files correctly.
In the all tools online demo from in the all_tools.cshtml the clean formatting button shows up but there is not implementation in razor.

Am I missing something?

Regards
Mark
Alex Gyoshev
Telerik team
 answered on 21 Jul 2014
4 answers
652 views
Hello All,

I created a directive in my angularjs application and used kendoui tree in this directive. I want to bind selected nodes (checkbox checked) of this tree to outer scope. My directive looks like this;

<yte-tree-view id="yteKendoUrunTree" data="yteTreeData" text-field="categoryName" selectable="true" ng-model="selectedTreeItems">
   <yte-tree-branch property="urunListesi" text-field="productName">
      <yte-tree-branch property="altUrunListesi" text-field="subProductName"/>
   </yte-tree-branch>
</yte-tree-view>

data attribute here is a hierarchical data and in my directive.js file i define tree options like that;

var defaultOptions = {};
defaultOptions.checkboxes = angular.isUndefined(scope.selectable) ? false : {
    checkChildren: true,
    template: "# if(!item.hasChildren){ # <input type='checkbox' id='c_#= item.id #' class='yteTreeLeafCheckbox' /># } " +
                     "else { # <input type='checkbox' id='c_#= item.id #' class='yteTreeBranchCheckbox' /> #}#"
};
defaultOptions.textFieldList = [scope.textField].concat(scope.branch.textFieldList);

and after that i initialize the kendoui treeview with this settings;
  
var yteKendoTree = $('#' + scope.id).kendoTreeView({
    dataTextField: defaultOptions.textFieldList,
    checkboxes: defaultOptions.checkboxes,
    loadOnDemand: false,
    dataSource: {
        data: scope.data
    }
}).data("kendoTreeView");

after all of these codes i need to register an event that fired when any of the leaf checkboxes changed (checked or unchecked). I tried all possible events on all possible elements but it did not worked at all. for example;

yteKendoTree.bind("change", function (e) {
    alert("Tree Change Event: checkbox checked!");
    // set viewValue of ng-model to selectedItems of the kendoui tree
});

or

yteKendoTree.dataSource.bind("change", function() {
    alert("Datasource Change Event: checkbox checked!");
    // set viewValue of ng-model to selectedItems of the kendoui tree
});

or

$(".yteTreeLeafCheckbox").bind("change", function () {
    alert("Checkbox Change Event: checkbox checked!");
    // set viewValue of ng-model to selectedItems of the kendoui tree
});

and tried a few versions of these events too. But none of them are triggered when any of the checkboxes checked on the tree. Only first one triggering when i clicked a label on the tree but not on checkbox check time.

Thanks.
Ibrahim.




Alex Gyoshev
Telerik team
 answered on 21 Jul 2014
3 answers
937 views
Hi,

My grid definition is as below

@(Html.Kendo().Grid(Model).Name("RegionAprv")
                                .TableHtmlAttributes(new { style = "table-layout: fixed; width:245px;" })       
                                .DataSource(dataSource => dataSource.Ajax()                                           
                                                                    .Model(model => model.Field(p => p.RegionUid).DefaultValue(0))
                                                                    .Model(model => model.Id(p => p.RegionUid)) 
                                                                    .Batch(false)
                                                                    .Read(read => read.Action("GridRead", "MyControl").Data("<js method>"))  
                                                                    .Create(create => create.Action("GridInsert", "MyControl").Data("<js method>"))
                                                                    .Update(update => update.Action("GridUpdate", "MyControl").Data("<js method>"))
                                                                    .Events(events => events.RequestEnd("<js method>")
                                                                                            .Error("<js method>")
                                                                                            )                                           )
                                .Columns(columns => {
                                    ....       
                                })
                                .EnableCustomBinding(false)
                                .Selectable()
                                .Editable(editing => editing.Mode(Kendo.Mvc.UI.GridEditMode.InLine))
                                .Events(events => events.DataBound("onGridDataBound")
                                                        .Save("onGridSave")
                                                        .Edit("onGridEdit")
                                                        .Change("onGridChange")
                                       )
                )


JQuery file

 onGridSave: function (e) {
                  ...
                },

On Save I am calling grid.saveRow(). It should exeute the onGridSave but it is not doing so. I once the breakpoint is on grid.saveRow() step over just does nothing.

Please help

Regards,
Sanjay   
Vladimir Iliev
Telerik team
 answered on 21 Jul 2014
1 answer
57 views
We are using the kendo grid with a detail table. All works well, untill we have a row with a key that has the character '#' in there. Then no requests to the server are made anymore to retrieve the detail data. There is no error or logging unfortunately, but I suspect it to be the # since that is used in the templating of the grid.
Should I escape the # sign in the key, or is there a different work around?

The Datasource definition of the detail template looks like this:

.DataSource(dataSource => dataSource
                .Ajax()
                .PageSize(5)
                .Read(read => read
                    .Action("Details", "Monitoring", new { projectionKey = "#=Key#" })
                    .Type(HttpVerbs.Post))
            )

Any help would be appreciated
Petur Subev
Telerik team
 answered on 21 Jul 2014
1 answer
195 views
Hi All;
I implemented foreign column. It seems. But it cannot be open!

You can see attached file for more detail. So that, I cannot see other list element except first!

Alexander Valchev
Telerik team
 answered on 21 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
Application
Map
Drag and Drop
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?