Telerik Forums
Kendo UI for jQuery Forum
1 answer
180 views
Hello,

I integrated a treeview control with checkboxes and a button in my MVC view. If the button is clicked, all checked items should be processed.
However the array which should contain the id value is always null.

Hopefully somebody can give me an advise what I`am doing wrong :-)...

Partial View:
(Html.Kendo().TreeView()
    .Name("Treeview")
    .DataTextField("WebName")
    .Checkboxes(checkBox => checkBox
        .CheckChildren(true)
        .Enabled(true)
        .Name("checkedItems[]")
    )
    .DataSource(dataSource => dataSource
        .Model(model => model
            .Id("WebUrl")
            .HasChildren("HasChildren")
        )
        .Read(read => read
            .Action("WebsRead", "Home")
        )
    )
)

Home:
public ActionResult FillGrid(string[] checkedItems)
        {
            //Do something
 
            return View();
        }

Alex Gyoshev
Telerik team
 answered on 10 Jul 2014
3 answers
161 views
In KendoUI 2013.3.1119 the rendering of windows where the content contained <p> tags worked fine. After an upgrade to version 2014.1.416 the window content area is rendered such that at the bottom of the window it overlaps the window border and shadow if there is <p> tag in the window content. See attached screenshot.

Tested in Google Chrome 32.0.1700.107 m. The problem also occurs in IE 11.
jQuery 1.11.0

Code to reproduce problem:

$('<div id=\'window\'></div>').appendTo($(document.body)).kendoWindow({
title : 'Window Title',
width : 300,
height : 300,
modal : true,
content : {
template : '<p>Test</p>'
},
});

Any assistance would be appreciated.

Regards,

Andrew
Dimiter Madjarov
Telerik team
 answered on 10 Jul 2014
1 answer
102 views
I'm using a Mobile ListView with endless scrolling. It seems there is no "Loading" icon when the ListView loads the first time (first batch of items). It gives the feeling the ListView is freezed / stuck.
I checked your example http://demos.telerik.com/kendo-ui/m/index#mobile-listview/endless-scrolling
and it behaves the same, using Fiddler and simulating modem speeds. There is a loading popup, but that's from the Mobile View...
Is there a way to have a "Loading" icon for the ListView (when it first loads)?

Petyo
Telerik team
 answered on 10 Jul 2014
1 answer
329 views
I am using Kendo Multiselect Textbox and I have applied
search attribute with my filter textbox in binding. It works only once or two
times after that it again reloads all values whereas filter textbox still has
value. But filter is working only once. I have attached two images with state 1
when I have types first time something into filter textbox and it has displayed
filtered items. But when I have again clicked on multi select textbox its
showing state 2 which is mixed data whereas in filter textbox still we have
data. Also I have attached image for HTML code.

 

Please provide me the solution for this issue.  My requirement is to maintain the filtered
data till I have value in filtered textbox.
Georgi Krustev
Telerik team
 answered on 10 Jul 2014
4 answers
169 views
Can i place it in the top center instead of the center of the browser? Or can i specify the x, y coordinates to position the modal view?
Mark
Top achievements
Rank 1
 answered on 09 Jul 2014
7 answers
165 views
Hi,

I was following the advice in this thread:
http://www.telerik.com/forums/marker-colour

Our use case is that we would like to use an SVG to represent a vehicle on the map, and using an SVG would allow us to rotate the truck depending on its current GPS heading. 

I was just wondering if the markers support the use of an SVG instead of a PNG? Following the thread above, I was able to use an SVG but it doesn't look quite right with the kendo way of displaying markers. At a certain pixel size, it edges get cut off.

Thanks in advance!

Andre
Hristo Germanov
Telerik team
 answered on 09 Jul 2014
1 answer
252 views
I have a couple of Kendo templates in my .aspx page. The entire page is created with just templates, with some of those templates being nested. The first template creates the <ul> and <li> tags for a Kendo tabstrip. The following template creates the content of the first tab. This template has a nested template that in turn that template has two other templates nested. The problem I am having is with refreshing the content of the first tab every 30 seconds. I tried using setInterval but I doesn't pull up any more information. The first tab only displays a few tables that should be refreshed with the given interval. I need to get this done since the content of the other tabs will sort of depend on getting this one done. Here are the templates I am using. 

<script id="divTabTemplate" type="text/x-kendo-template">
        <div id="firstTab">
        <%--Call the template that will render the info for the first tab--%>
        #= kendo.render(kendo.template($("\\#firstTabTemplate").html()), [(firstTableHeaders, secondTableHeaders)]) #
        </div>

        # for (var j = 2; j <= 8; ++j) { #
            <div id="#= j #Tab">
                <p>This is the information for tab\# #= j #.</p>
            </div>
        # } #
    </script>

<script id="firstTabTemplate" type="text/x-kendo-template">
        # for (var x = 1; x <= 7; ++x) { #
            <div class="boxes">
            <h4>Box #= x #</h4>
            <div id="box#= x #Section" class="boxSection">
                <%--Call a function here--%>
                # makeTables(x) #
                #= kendo.render(kendo.template($("\\#firstTableTemplate").html()), [(firstTableHeaders, firstTableData)]) #
                #= kendo.render(kendo.template($("\\#secondTableTemplate").html()), [(secondTableHeaders, secondTableData)]) #
            </div>
            </div>
        # } #
    </script>

<script id="firstTableTemplate" type="text/x-kendo-template">
        <div class="tableWrappers firstTableWrappers">
        # if(firstTableData[0] != "false") { #
            <b>First Table:</b> #= firstTableData[0] #
            <table class="firstTables">
            # for(var i = 0; i < (firstTableData.length / 4); ++i) { #
                <tr>
                # for(var j = 0; j < firstTableHeaders.length; ++j) { #
                    # if(i === 0) { #
                        <th>#= firstTableHeaders[j] #</th>
                    # }else if(i !== 0) { #
                        <td>#= firstTableData[(i * 4) + j - 3] #</td>
                    # } #
                # } #
                </tr>
            # } #
            </table>
        # }else if(firstTableData[0] == "false") { #
            <b>First Table:</b> No information to display
        # } #
        </div>
    </script>


The template for the second table is similar to the template of the first table. The information for the tables gets pulled from a database. The function makeTables uses the current index to pull up information. This function calls a WebMethod on codebehind to pull up the necessary information. The makeTables function uses ajax to call those codebehind methods. 

Just to reiterate my problem, I need to refresh the content of the first tab every 30 seconds. I could use a <meta> tag but that will refresh the entire page and go back to the default tab, which is not an ideal solution. Any ideas?
Petyo
Telerik team
 answered on 09 Jul 2014
2 answers
214 views
Hi Guys,

Am I doing something wrong (i must be of course) because I can't seem to get a simple create button to work from my kendo grid toolbar.
I want a row to be added to the grid when the create button is clicked from the toolbar, everything in the demos suggests this should work unless I've missed some vitally important detail ...

01.    <script>
02.        $(function () {
03. 
04.            var window = $("#queryBuilder");
05.           
06.            window.kendoWindow({
07.                width: "600px",
08.                modal: true,
09.                resizable: false,
10.                draggable: false,
11.                title: "New Query Builder",
12.                actions: ["Close"]
13.            });
14. 
15.            //window.data("kendoWindow").close();
16.            window.data("kendoWindow").center().open();
17. 
18.            var queryModel = kendo.observable({
19.                rules: new kendo.data.DataSource({
20.                    schema: {
21.                        model: {
22.                            id: "id",
23.                            fields: {
24.                                IncludeExclude: { type: "boolean" },
25.                                FieldName: { field: "FieldName", type: "string" },
26.                                Condition: { field: "Condition", type: "string" },
27.                                Value: { field: "Value", type: "string" }
28.                            }
29.                        }
30.                    },
31.                    create: function (options) {
32.                        this.rules.push(new { IncludeExclude: true, FieldName: "SubmissionId", Condition: "=", Value: "0" });
33.                    },
34.                    destroy: function (options) {
35.                        //this.rules.pop();
36.                    }
37.                })
38.            });
39. 
40.            $('#rules').kendoGrid({
41.                dataSource: queryModel,
42.                scrollable: true,
43.                toolbar: ['create'],
44.                columns: [
45.                    { field: ' includeExclude', title: 'Include Exclude' },
46.                    { field: 'FieldName', title: 'Field Name' },
47.                    { field: 'Condition', title: 'Condition' },
48.                    { field: 'Value', title: 'Value' },
49.                    { command: ['destroy'], title: '' }
50.                ]
51.            });
52. 
53.            var includeExclude = new kendo.data.DataSource({
54.                items: [
55.                    { text: "I want Submissions where", value: true },
56.                    { text: "I dont want Submissions where", value: false }
57.                ]
58.            });
59. 
60.        });
61.    </script>
62.}
63. 
64.<div id="queryBuilder" style="display: none;">
65.     
66.    <div id="rules"></div>
67. 
68.    <hr style="margin-bottom: 5px;" />
69.    <button class="k-button" style="float: right">Create New Submission Query</button>
70.</div>
Dimiter Madjarov
Telerik team
 answered on 09 Jul 2014
1 answer
82 views
In an application I'm developing, i need to use the same space to display information from different sources with different formats in a grid according to what item was selected on a TreeView.

i found two ways to achieve this: 
1. find the grid then destroy and recreate it.
2. find the grid then change datasoruce/options/

I'm very new to Kendo, so i'm not sure which approach would be wiser. 

any advice?
Alexander Valchev
Telerik team
 answered on 09 Jul 2014
1 answer
645 views
Hi, I'm trying to create my own task model for the mvc kendo scheduler , I've already implemented the ISchedulerEvent on my model to make the scheduler work but i don't want their properties (end,start,title.description,timezone, etc...), I only want the properties I've created, also I've already created my custom task creation popup with my own properties but when I click the save button i can´t advance to the controller method because the ISchedulerEvent properties are required, here is my sheduler code and my model.

Index

@(Html.Kendo().Scheduler<NUGUlib.Models.task>()
        .Name("scheduler")
        .Date(new DateTime(2013, 6, 13))
        .StartTime(new DateTime(2013, 6, 13, 10, 00, 00))
        .EndTime(new DateTime(2013, 6, 13, 23, 00, 00))
        .Editable(true)
        .Height(600)
        .Editable(e => e.TemplateName("PopUp"))
        .Views(views =>
        {
            views.DayView();
            views.WeekView(semana => semana.Selected(true));
            views.MonthView();
            views.WorkWeekView(view => view.WorkDayCommand(false));
            views.AgendaView();
        })
        .DataSource(d => d.Model(m =>
            {
                m.Id(f => f.id);
            })
               .Read(r => r.Action("Scheduler_Read", "Scheduler"))
               .Create(c => c.Action("Scheduler_Create", "Scheduler"))
               .Destroy("Scheduler_Destroy", "Scheduler")
               .Update("Scheduler_Update", "Scheduler")
        )
        .ShowWorkHours(false)
        .BindTo(Model)
)

Model

 public partial class cita : ISchedulerEvent
    {
        public int id { get; set; }
        public int UserID { get; set; }
        public System.DateTime firstDate { get; set; }
        public System.DateTime secondDate { get; set; }
        public string description { get; set; }
        public int times { get; set; }

        public string Description
        {
            get;
            set;
        }

        public DateTime End
        {
            get;
            set;
        }

        public string EndTimezone
        {
            get;
            set;
        }

        public bool IsAllDay
        {
            get; 
            set;
                

        }

        public string RecurrenceException
        {
            get;
            set;

        }

        public string RecurrenceRule
        {
            get;

            set;

        }

        public DateTime Start
        {
            get;
            set;

        }

        public string StartTimezone
        {
            get;
            set;
        }

        public string Title
        {
            get;
                

            set;

        }
    }
}




Vladimir Iliev
Telerik team
 answered on 09 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?