Telerik Forums
Kendo UI for jQuery Forum
4 answers
196 views
pl help me,.
I'm having difficulty in parameter in children tree view.
I don't know how to do it.
Everyone pl hepl me.
My code here below:
**********************************************************************
 function populateTreeView(){
       var url = "/Home/Get_Catagory_Menu";
        var dataSource = new kendo.data.HierarchicalDataSource({
            transport: {
                read: {
                    url: url,
                    dataType: "json",
                    data: { 'flag': 1, cat_id=????  ==> it here }
                }
            },
            schema: {
                model: {
                    id: "cat_id",
                    text: "cat_name",
                    expanded: false,
                    hasChildren:"haschildren",
                    children:{
                        transport: {
                            read: {
                                url: url,
                                dataType: "json",
                                data: { 'flag': 2 , cat_id=????  ==> it here}
                            }
                        },
                        schema: {
                            model: {
                                id: "prd_id",
                                text: "prd_name",
                                hasChildren: false
                            }
                        }
                   }
                },
            }
        });
//        function onExpand(e){
//            console.log(this.text(e.node));
//        }
        $("#treeview").kendoTreeView({
          // autoBind: false,
            dataSource: dataSource,
            dataTextField: ["cat_name","prd_name"],
          // expand: onExpand,
       });
   }
    $(document).ready(function () {
        populateTreeView();
    })
********************************************
Petur Subev
Telerik team
 answered on 25 Nov 2013
8 answers
295 views
I have explained the details  here

My problem is that virtual scrolling works fine with varying 'total '( i.e, correctly stops  making ajax calls when the 'total' equals the number of items received)   however when  server filtering is enabled the scrolling never stops(even when the total equals the items received)

Note: This behavior is seen when you use the filter widget (but not when you merely enable 'serverFiltering' to 'true')

Any workaround for this?
Rosen
Telerik team
 answered on 25 Nov 2013
24 answers
2.1K+ views
I've been experimenting with Knockout and Kendo and I'm a bit confused how the two work together.  The integration example doesn't quite go far enough when the DropDownList is built using an input element.

The problem I see is that if I change the value in the model the DropDownList does not display the correct value.  I think that if I have the modelview bond to the input value that changing the value in the model would cause the DropDownList to select the right value as well and display it as the selected item.

Mithun Prasath
Top achievements
Rank 1
 answered on 23 Nov 2013
8 answers
182 views
Hi,

I am using the Kendo UI Web v2013.2.716. I am trying to create the scheduler within a tabstrp. however when the page first lauched the tabstrip is not able to render the scheduler. strangely if i click the day or week view the UI will refresh and tabstrip will be able to render the scheduler properly.  even more bizzarly, if i enable developper tool in chrome or firebug tool in FF then switch off the tools, the misformed problem will go away too.

the code i am using is very basic code from the demo. code attached

01.$("#scheduler").kendoScheduler({
02.        date: new Date("2013/6/13"),
03.        startTime: new Date("2013/6/13 07:00 AM"),
04.        height: 300,
05.        views: [
06.            {type:"day",selected:true},
07.            { type: "week"},
08.            "month"
09.        ],
10.        timezone: "Etc/UTC",
11.        dataSource: {
12.            batch: true,
13.            transport: {
14.                read: {
15.                    url: "http://demos.kendoui.com/service/tasks",
16.                    dataType: "jsonp"
17.                },
18.                parameterMap: function(options, operation) {
19.                    if (operation !== "read" && options.models) {
20.                        return {models: kendo.stringify(options.models)};
21.                    }
22.                }
23.            },
24.            schema: {
25.                model: {
26.                    id: "taskId",
27.                    fields: {
28.                        taskId: { from: "TaskID", type: "number" },
29.                        title: { from: "Title", defaultValue: "No title", validation: { required: true } },
30.                        start: { type: "date", from: "Start" },
31.                        end: { type: "date", from: "End" },
32.                        startTimezone: { from: "StartTimezone" },
33.                        endTimezone: { from: "EndTimezone" },
34.                        description: { from: "Description" },
35.                        recurrenceId: { from: "RecurrenceID" },
36.                        recurrenceRule: { from: "RecurrenceRule" },
37.                        recurrenceException: { from: "RecurrenceException" },
38.                        ownerId: { from: "OwnerID", defaultValue: 1 },
39.                        isAllDay: { type: "boolean", from: "IsAllDay" }
40.                    }
41.                }
42.            },
43.            filter: {
44.                logic: "or",
45.                filters: [
46.                    { field: "ownerId", operator: "eq", value: 1 },
47.                    { field: "ownerId", operator: "eq", value: 2 }
48.                ]
49.            }
50.        },
51.        resources: [
52.            {
53.                field: "ownerId",
54.                title: "Owner",
55.                dataSource: [
56.                    { text: "Alex", value: 1, color: "#f8a398" },
57.                    { text: "Bob", value: 2, color: "#51a0ed" },
58.                    { text: "Charlie", value: 3, color: "#56ca85" }
59.                ]
60.            }
61.        ]
62.    });


I have tried to alternate the squence of creating the tabstrip and scheduler but that did not fix the problem.  on the same tabstrip (different tab) i have a grid which is linked to a remote datasource. there is no problem for the tabstrip to host the grid.


I have also attached the screenshots.

Many thanks
amp
Martin
Top achievements
Rank 1
 answered on 22 Nov 2013
3 answers
236 views
Hello,

I'm  new to both KendoUI and JQuery.
I'm trying to create a new application and it's starting well.

I'm creating a "Settings" page where a user would be able to choose skin, "Native" or "Flat".
Those chooses are in a <form> and <select>,

The part of view
<li>
                    <label>Skin
                        <select class="skinchange">
                            <option value="">Native</option>
                            <option value="flat">Flat</option>
                        </select>
                    </label>
                </li>

I would like to call a function in "app.js" when an option is chosen.
app.changeSkin = function (e) {
        if (e.sender.element.value() === "flat") {
            mobileSkin = "flat";
        }
        else {
            mobileSkin = "";
        }

        app.application.skin(mobileSkin);
    };

I don't know how to do it or if it's possible :)

By having following code in the index.html I can change the skin but I would prefer If I could concentrate all that stuff in .js files.
<script>
    $( ".skinchange" ).change(function() {
        
        var mobileSkin = $(".skinchange").val();
        
        app.application.skin(mobileSkin);
    });
    </script>

Best regards and thanks in advance!
Steve
Telerik team
 answered on 22 Nov 2013
6 answers
848 views
Demo page: http://demos.kendoui.com/web/datepicker/events.html

Non-date values don't trigger change events...so I can't remove\fix non-date values (as the control doesn't seem to enforce that itself...or am I missing a property to do that?)
sitefinitysteve
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 22 Nov 2013
1 answer
266 views
Is it possible to use the progressbar to update the status of a running c# code (eg. update of all items being handled in the c# code, just like with the asp.net progressarea)
Thanks.
Dimiter Madjarov
Telerik team
 answered on 22 Nov 2013
5 answers
189 views
I'm working on the UI for an iOS 7 app, and the drawer menu interaction isn't suitable for iOS 7. I'm trying to redesign the drawer to something like this: http://cdn1.dribbble.com/users/221741/screenshots/1154748/attachments/149461/whatsapp-ios7-sidemenu.png

When the drawer menu shows up, it adds some CSS3 transform3d property to the view which is open. I was able to modify the behavior by overriding the style using "!important, but the animation is kinda jaggy, and want to know if there is a better way to do this.

Example of what I'm trying to do: http://jsfiddle.net/thilak/kk83s/
Petyo
Telerik team
 answered on 22 Nov 2013
1 answer
312 views
I am trying to get my grid to refresh after an update using the pop-up editor. I followed the suggestion on a related post to use RequestEnd and the following handler.

function onGridDataSourceRequestEnd(e){
    if(e.type=="update")
    {
         this.read();
    }
}

Everything is perfect when debugging in Visual Studio but it stops working after I publish to our production server. When I debug this using firebug I see the type property is missing from e all together (only when coming from the pop-up editor, in other cases like when the page loads it looks fine). Please advise.
Vladimir Iliev
Telerik team
 answered on 22 Nov 2013
5 answers
232 views
We'd like to implement a side bar that slides in from the left like in recent Google and Facebook apps. We're very familiar with HTML, CSS, and JavaScript, and have worked extensively with jQuery Mobile, but we are pretty new to Kendo UI Mobile.

Does anyone have any suggestions for what would be a good way to start implementing something like this in the Kendo world? Is there anything that comes out of the box that could help us, or do we need to do it totally custom?

Thanks for any advice you can give!

Jonathan
Petyo
Telerik team
 answered on 22 Nov 2013
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
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
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?