Telerik Forums
Kendo UI for jQuery Forum
2 answers
527 views
Hi Everybody,


     I have downloaded KendoUI v 2012.2.710  trial version and trying out few samples.
    
     My Requirement is as follows:

    1. I have two Kendo UI grids.
        a. Left Grid contains data from database.
        b. Right grid Empty.
        c. A button in between two grids.

   Scenario 1:

   I need to drag rows from left grid and drop in right grid,
   on right grid drop, the dropped data should be available only in the right grid, and should not be available in the left grid.

 Scenario 2:
 
  select multiple rows in the left grid.
  Click on the button between the two grids should populate the right grid and the selected data should not be available in the left grid.

Scenario 3:

  on double clicking a row in left grid the data should be moved to the right grid.

And the same should be done right to left also.

Is this possible using kendo grid?
Please give me suggestions ASAP.

Thank You,
Kalidhas.P
KendoUI v 2012.2.710
Rachael
Top achievements
Rank 1
 answered on 23 May 2013
6 answers
220 views
I'm using the Kendo extensions for MVC and binding the grid like so:

@(Html.Kendo().Grid<AS.Model.Usuario>()
    .Name("gridUsuarios")
    .DataSource(dataSource => dataSource // Configure the grid data source
        .Ajax() // Specify that ajax binding is used
        .Read(read => read.Action("_Items", "Usuarios").Data("searchUsuariosParams")) // Set the action method which will return the data in JSON format and the function that will pass parameters
    )
    .Columns(columns =>
    {
        columns.Bound(it => it.Username).Title("Usuario");
        columns.Bound(it => it.Displayname).Title("Nombre");
        columns.Bound(it => it.Email).Title("Email");
        columns.Bound(it => it.ID).Title("").Sortable(false).ClientTemplate("#= editUsuario(data) #");
    })
    .Pageable() // Enable paging an localize it
    .Sortable() // Enable sorting
)

I need a way to get the Ajax.Read.Data function name, in this case "searchUsuariosParams" from the kendo grid javascript object.

Thanks
Sergi
Top achievements
Rank 1
 answered on 23 May 2013
2 answers
1.7K+ views
Hi,
I am trying to create a chart with multiple line series on it. Data source for the chart is setting dynamically so i can change the series value at run time (live mode) .Chart with single line is working properly in my web application, but i want to add multiple line series and set the values dynamically . Is there any way to do it ? How can i change values of multiple line series ?
Jayesh Goyani
Top achievements
Rank 2
 answered on 23 May 2013
1 answer
230 views
I'm currently trying to put some simple automated testing into an application using Selenium IDE but have hit a problem that I don't appear to be able to trigger the grid change event.

The grid is set up for row selection and works fine when a user is actually using the app and clicks on the row, however, in Selenium IDE I have tried adding an action for click  against the row but the change event never fires.  I've also tried using the mousedown action instead and using the fireEvent action with both click and mousedown but also no change event, I've even go so far as to try a click & mousedown against every cell in the row but also no change event.

Can anybody tell me how I can trigger the change event from Selenium IDE or Javascript?
Nathan
Top achievements
Rank 1
 answered on 23 May 2013
1 answer
56 views
Hi 
I want to upload the web app which has been built using the kendoUi . how can i achieve this ?
Thanks in advance
Geri
Telerik team
 answered on 23 May 2013
1 answer
248 views
I have a grid, one of the columns is a dropdown which comes from another datasource.  When the grid goes into edit mode I select the dropdown.  However if I select the first item in the dropdown it's value is never retrurned.  If I select any other value it's fine, also if I select another value and then the first one it is also ok.  

My code is:
$("#memberGrid").kendoGrid({
                dataSource: dataSource,
                toolbar: ["create"],
                columns: [
                    { field: "LOGIN_NAME", title: "User Name", editor: userDropDownEditor, template: "#=LOGIN_NAME#" },
                    { command: ["edit", "destroy"], title: "&nbsp;", width: "172px" }
                    ],
                editable: "inline",
            });

My template function is:
function userDropDownEditor(container, options) {
        $('<input required data-text-field="LOGIN_NAME" data-value-field="LOGIN_NAME" data-bind="value:' + options.field + '"/>')
            .appendTo(container)
            .kendoDropDownList({
                autoBind: true,
                dataSource: {
                    transport: {
                        read: '@Url.Action("GetAvailableUsers", "Role")'
                    }
                }
            });
    }

My Data source is:
var dataSource = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: '@Url.Action("GetUsersObjectInRole", "Role")' + "?roleName=" + roleName                        
                    },
                    create: {
                        url: '@Url.Action("AddUserToGroup", "Role")',
                        contentType: "application/json",
                        type: "POST"
                    },
                    parameterMap: function (data, operation) {
                        if (operation != "read") {
                            return JSON.stringify(data);
                        } else {                            
                            return JSON.stringify(data); //return stringified options to the server
                        }
                    }
                },
                schema: {
                    model: {
                        id: "LOGIN_NAME",
                        fields: {
                            LOGIN_NAME: { type: "string" },
                            GROUP_ID: {type: "number" }
                        }
                    }
                }
            });


If I check the value of the field in parameterMap it is always empty.  This is really weird, I can't see how it can be a code issue.  Thanks.
Alexander Valchev
Telerik team
 answered on 23 May 2013
5 answers
87 views
The URL value I've put on the node is "~/MyReport/Edit/1"

The URL I get when I hover over treeview icons on build 319 is:
"http://www.mydomain.com/MyReport/Edit/1"

The URL I get when I hover over treeview icons on build 514 is  
"http://www.mydomain.com/~/MyReport/Edit/1"

Clearly a bug has snuck in somewhere.

I've downgraded to 319 for now and it's all working fine.
Dimiter Madjarov
Telerik team
 answered on 23 May 2013
9 answers
247 views
I'm trying to implement a Scrollview that contains pages which in turn contain Scrollers, like this:

<div id="scrollview-container">
    <div data-role="scrollview" id="feed-scrollview">
        <div data-role="page" class="feed-item">
            <h2>header 1</h2>
            <p data-role="scroller">text to be scrolled</p>
        </div>
        <div data-role="page" class="feed-item">
         <h2>header 2</h2>
            <p data-role="scroller">other text</p>
        </div>
   more pages...
    </div>
</div>

The Scrollers become vertically scrollable/"swipeable" as expexcted, and the Scrollview is horizontally scrollable as expected, unless you try to swipe horizontally with the finger/pointer inside of the Scroller p-element. I.e., the scrollview works when swiping the header or the area around the Scroller.

Is it possible to achieve that when pointing/touching inside the Scroller, a vertical swipe will scroll the Scroller, and a horizontal swipe will scroll the scrollview? Or does anyone know a workaround/hack to make it work? 

Hope I'm expressing myself clear enough... it can get a little confusing with the similar terminology of scrollview/scroller...
Alexander Valchev
Telerik team
 answered on 23 May 2013
4 answers
1.2K+ views
Hi!

I want to select root node after treeview was loaded, like this
function treeview_databound(e) {
 
    var treeview = e.sender;
 
    var item = treeview.dataSource.get (id_root_node); // How do I determine root node?
    if (item) {
        var node = treeview.findByUid (item.uid);
        treeview.select (node);
    }
}
 
$("#splitted_tree_window_left").kendoTreeView({
     // ...
    dataBound  : treeview_databound,
});
How can I find treeview root node?
Maksim
Top achievements
Rank 1
 answered on 23 May 2013
4 answers
80 views
Hi,
As title mentions bindings seems not working anymore in my app after upgrade to 2013.1.514 version of Kendo UI. What I use is commonly documented
$(document).ready(function ($) {
  kendo.bind($("#view"), viewModel);
 });
Probably need to mention that these views are loaded with separate ajax calls and added to DOM dynamically using this function
loadExtPage: function (path) {
 //Use jQuery Ajax to fetch the template file
 var tmplLoader = $.get(path)
   .success(function (result) {
     //On success, Add page to DOM
     var index = new kendo.View($('<div />').html(result));
     layout.showIn("#content", index);
   })
}
Is there any changes to bindings what I should change in my code? This was working with 308 version...

EDIT: After further observations it seems binding happening - I added alert just after binding, and view reflects viewModel properties.... but as soon as I close alert binding to viewModel seems disappears...



Thanks,
Saulius

Petyo
Telerik team
 answered on 23 May 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
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
Dialog
Chat
DateRangePicker
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
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?