Telerik Forums
Kendo UI for jQuery Forum
1 answer
352 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
67 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
131 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
178 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
698 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
984 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
77 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
225 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
2 answers
112 views
Is it possible to have custom step incrementation in a cell depending on the value of a different cell in that row?
Nikolay Rusev
Telerik team
 answered on 18 Jul 2014
1 answer
164 views
Hi,

I'm getting an error when initializing a chart control using typescript, the category and value axis properties cause the error:

Specifically: 

Supplied parameters do not match any signature of call target:
Types of property 'categoryAxis' of types '{ title: { text: string; }; legend: { visible: boolean; }; series: kendo.dataviz.ui.ChartSeriesItem[]; categoryAxis: { title: { text: string; }; majorGridLines: { visible: boolean; }; majorTicks: { visible: boolean; }; [n: number]: kendo.dataviz.ui.ChartCategoryAxisItem; }; valueAxis: { max: number; title: { text: string; }; majorGridLines: { visible: boolean; }; visible: boolean; [n: number]: kendo.dataviz.ui.ChartValueAxisItem; }; }' and 'kendo.dataviz.ui.ChartOptions' are incompatible:
Type '{ title: { text: string; }; majorGridLines: { visible: boolean; }; majorTicks: { visible: boolean; }; [n: number]: kendo.dataviz.ui.ChartCategoryAxisItem; }' is missing property 'concat' from type 'kendo.dataviz.ui.ChartCategoryAxisItem[]'.

The interesting thing is that none of the other widgets I have used with typescript so far: grid, tabstrip, and map have had this issue. And I'm literally copying and pasting the json into the options object. How would I go about solving this problem?

Thanks!

Andre

T. Tsonev
Telerik team
 answered on 18 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?