Telerik Forums
Kendo UI for jQuery Forum
1 answer
276 views
Hi,

I'm currently struggling to define a combobox in a grid popup template. The combobox should react on its own change event.

Is this possible and can somebody give me an example on how to achieve this?

sincerely,
tom
Jeremy Cook
Top achievements
Rank 1
 answered on 29 Nov 2012
1 answer
210 views
Hello,
Is it possible to not display the separator in the menu?

Thanks,
David A.
Iliana Dyankova
Telerik team
 answered on 28 Nov 2012
1 answer
715 views
where can I find documentation or examples of how to align the dropdown arrow with css that's currently aligned to the right of each tab to the left?
Iliana Dyankova
Telerik team
 answered on 28 Nov 2012
7 answers
410 views
Hi, I would like to know if there are any future plans to include a minus data-icon for data-role button?

Also how can i make a button round if it has a data-icon, i want to achieve a button like that of the iphone message application for sms.
 
Thanks in advance
Brandon Peterson
Top achievements
Rank 2
 answered on 28 Nov 2012
2 answers
138 views
It seems that if the bottom of a modal window is below the bottom of the browser window then it doesn't respond properly to mouse clicks anymore. Just setting the height to something like 2000 is enough to reproduce the behavior. Now when pushing the close button the window doesn't close, just scrolls into view. The same thing happens to the editor window of the grid.
Lucian
Top achievements
Rank 1
 answered on 28 Nov 2012
1 answer
170 views
Yo,

I'm using the KendoGrid, and there's a problem in my CRUD process. When I'm clicking to update button after editing data (in popup mode) in first time, the ajax call and the update in server works fine. But when I'm trying to edit an another row, the update ajax call runs twice, for this row, and the previous row. Here's my code:

        var dataSource = new kendo.data.DataSource({
            transport: {
                create: {
                    url: GLOBALS.BASE_URL + "partner_editor_ajax/create",
                    dataType: "json",
                    type: "POST",
                    complete: function(e) {
                        dataSource.read();
                    }
                },                
                read:  {
                    url: GLOBALS.BASE_URL + "partner_editor_ajax/read",
                    dataType: "json",
                    type: "POST"          
                },
                update: {
                    url: GLOBALS.BASE_URL + "partner_editor_ajax/update",
                    dataType: "json",
                    type: "POST",
                    complete: function(e) {
                        e.preventDefault();
                    }          
                },
                destroy: {
                    url: GLOBALS.BASE_URL + "partner_editor_ajax/destroy",
                    dataType: "json",
                    type: "POST"
                }
            },
            pageSize: 30,
            batch: false,
            schema: {
                data: "results",
                total: "results_per_page",
                errors: "errors",
                model: {
                    id: "_id",
                    fields: {
                        _id: { editable: false, nullable: false },
                        employeesNumber: { editable: false, nullable: true },
                        leaderName: {
                            editable: true, 
                            validation: {
                                required: true,
                                pattern: "(.+){2,50}"
                            }
                        },
                        mailingAddress: { 
                            editable: true, 
                            validation: {
                                required: true,
                                pattern: "(.+){2,}"
                            }
                        },
                        name: { 
                            editable: true, 
                            validation: {
                                required: true,
                                pattern: "(.+){2,}"
                            } 
                        },
                        taxNumber: { 
                            editable: true, 
                            validation: { 
                                required: true,
                                pattern: "[0-9]{6,20}"
                            } 
                        },
                        type: { 
                            defaultValue: { value: "personal", text: "personal"},
                            editable: true, 
                            validation: { 
                                required: true,
                                pattern: "(.+){2,}"
                            } 
                        },
                        website: { editable: true }
                    }
                }
            }
        });


        $("#grid").kendoGrid({
            dataSource: dataSource,
            pageable: true,
            height:  ($(window).height() - $("#header").height() - 4),
            toolbar: ["create"],
            columns: [              
                { 
                    field: "employeesNumber",
                    title: Localization.get_localized_text("employees_number"),
                    width: "50px"
                },
                { 
                    field: "leaderName",
                    title: Localization.get_localized_text("leader_name"),
                    width: "150px"
                },                
                { 
                    field: "mailingAddress",
                    title: Localization.get_localized_text("mailing_address"),
                    width: "200px"
                },                
                { 
                    field: "name",
                    title: Localization.get_localized_text("name"),
                    width: "150px"
                },                
                { 
                    field: "taxNumber",
                    title: Localization.get_localized_text("taxNumber"),
                    width: "150px"
                },                
                { 
                    field: "type",
                    title: Localization.get_localized_text("type"),
                    editor: typeDropDownEditor,
                    width: "100px"
                },                
                { 
                    field: "website",
                    title: Localization.get_localized_text("website"),
                    width: "100px"
                },         
                { 
                    command: ["edit"], title: " ", width: "60px" 
                },         
                { 
                    command: ["destroy"], title: " ", width: "70px" 
                }
            ],
            editable: {
                mode: "popup"
            }
        });        


Please help, what is the problem here?

Thank you in advance,
R
Tetha
Top achievements
Rank 1
 answered on 28 Nov 2012
1 answer
371 views
Hi,
Is there any alternative of using AdditionalViewData if I need to include some data to my editortemplate?
The AdditionalViewData option is better than nothing but there should be a "better" way instead of using ViewData.

If there isn't anyway today, here is two options:
1. Create a similar method to AdditionalViewData and use it like:
.Editable(editing => editing.AdditionalData(m => m.MyData = Model.MyData })
In this way I can add some data to my editortemplates viewmodel from the current model of the view.

2. Fire a "Create" ActionResult
In a way like a normal MVC flow, when clicking "Add new item"-button, the page reloads and fires an action method like "Create" instead of the current one "Index". And in this method I can add the data I need.
public ActionResult Index(GridCommand command)
{
     var model = ...
     return View(model);
}
 
public ActionResult Create(GridCommand command)
{
     var model = ...
     model.MyData = ...
     return View("Index", model);
}
I can't figure out how no 2 would work but maybe you can come up with a smart solution. Or at least no 1 would be possible I think. :)

Regards,
Mattias
Petur Subev
Telerik team
 answered on 28 Nov 2012
9 answers
397 views
Hi,

I have a mobile project, where I need fill ListView with JSON data. All data is on one row.


I try to change data, model, ... and another settings, but nothing is help me.

This is my source code.
<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Ecommerce.m.Default" %>
<!DOCTYPE html>
<html>
    <head>
        <title>Ecommerce</title
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
        <meta charset="utf-8">
        <link href="styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <script src="js/kendo.mobile.min.js" type="text/javascript"></script>
    </head>
    <body>
      
         <div data-role="view" id="tabstrip-flat" data-title="Result - view" data-init="mobileListViewDataBindInitFlat" data-layout="mobile-tabstrip"
            <ul id="flat-listview"></ul>
        </div>
 
        <div data-role="layout" data-id="mobile-tabstrip">
            <header data-role="header">
                <div data-role="navbar">
                    <a class="nav-button" data-align="left" data-role="backbutton">Back</a>
                    <span data-role="view-title"></span>
                    <a data-align="right" data-role="button" class="nav-button" href="#index">Index</a>
                </div>
            </header>
            <footer data-role="footer">
            <div data-role="tabstrip">
                <a href="#tabstrip-flat" data-icon="stop">Flat</a>
            </div>
        </footer>
        </div>
 
    <script type="text/javascript">
        var searchDataSource;
        searchDataSource = new kendo.data.DataSource(
        {
            schema: {
                data: function (data) {
                    alert(data.d);   /*Data Return Successfully*/
                    return data.d;
                },
                //model: {}
                model: {
                    fields: {
                        Name: { type: "string" },
                        Company: { type: "string" },
                        Address: { type: "string" },
                        Phone: { type: "string" },
                        Country: { type: "string" }
                    }
                }
            },
            transport: {
                read: {
                    contentType: "application/json; charset=utf-8",
                    type: "POST",
                    dataType: "json",
                    url: "WebServiceData.asmx/TestJSON"
                }
            }
        });
       
        function mobileListViewDataBindInitFlat() {
            $("#flat-listview").kendoMobileListView({
                dataSource: searchDataSource
                //group: "Country"
            });
        }
 
        </script>
 
    <script type="text/javascript">
        //new kendo.mobile.Application($(document.body), { layout: "foo" });
        var app = new kendo.mobile.Application();
    </script>
         
    </body>
</html>

Webservice:
[WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
    // To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.
    [System.Web.Script.Services.ScriptService]
    public class WebServiceProduct : System.Web.Services.WebService
    {
        [WebMethod]
        [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
        public string TestJSON()
        {
            Employee[] e = new Employee[2];
            e[0] = new Employee();
            e[0].Name = "Name1";
            e[0].Company = "Birlasoft Ltd.";
            e[0].Address = "LosAngeles California";
            e[0].Phone = "1204675";
            e[0].Country = "US";
            e[1] = new Employee();
            e[1].Name = "Name2";
            e[1].Company = "Birlasoft Ltd.";
            e[1].Address = "D-195 Sector Noida";
            e[1].Phone = "1204675";
            e[1].Country = "India";
 
            string sReturn = new JavaScriptSerializer().Serialize(e);
            return new JavaScriptSerializer().Serialize(e);
        }
        public class Employee
        {
            public string Name { get; set; }
            public string Company { get; set; }
            public string Address { get; set; }
            public string Phone { get; set; }
            public string Country { get; set; }
        }
 
    }

I need get list view with rows, I get only one row with all data.
I don't know, where I do mistake. Can you help me.
Thanks.

Roman
Bavya
Top achievements
Rank 1
 answered on 28 Nov 2012
2 answers
103 views
Hi,

We are in the process of evaluating Kendo. But I cannot find Radio Box, Check Box and Input Box. I think we need these widgets for our application.

Are they available in Kendo?

Thanks,

Kevin
Murray
Top achievements
Rank 1
 answered on 28 Nov 2012
0 answers
152 views
I have a situation where the data for the grid will be returned in batches of 1000 records. I need to poll for this data and update the grid. I've tried using dataSource.add() and passing in a bunch of items, but it only ever adds the first item. Am I going to need to add one item at a time to the dataSource or is there something I am missing?

var myGrid = $('#grid').data('kendoGrid');
myGrid.dataSource.add({
                    name: 'Name 2',
                    fileType: 'Microsoft Outlook Note',
                    pathName: '/Evidence 2/Something/Collection/'
                },
                {
                    name: 'Name 3',
                    fileType: 'Microsoft Word Document',
                    pathName: '/Evidence 3/Something/Collection/'
                },
                {
                    name: 'Name 4',
                    fileType: 'JPEG/JFIF Image',
                    pathName: '/Evidence 4/Something/Collection/'
                },
                {
                    name: 'Name 1',
                    fileType: 'Portable Document Format',
                    pathName: '/Evidence 1/Something/Collection/'
                },
                {
                    name: 'Name 2',
                    fileType: 'Microsoft Outlook Note',
                    pathName: '/Evidence 2/Something/Collection/'
                },
                {
                    name: 'Name 3',
                    fileType: 'Microsoft Word Document',
                    pathName: '/Evidence 3/Something/Collection/'
                },
                {
                    name: 'Name 4',
                    fileType: 'JPEG/JFIF Image',
                    pathName: '/Evidence 4/Something/Collection/'
                },
                {
                    name: 'Name 1',
                    fileType: 'Portable Document Format',
                    pathName: '/Evidence 1/Something/Collection/'
                });
Mr. Gravity
Top achievements
Rank 1
 asked on 27 Nov 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
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)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
Gauges
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
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Collapsible
Localization
MultiViewCalendar
Touch
Breadcrumb
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
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
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?