Learning Kendo UI Web Development

دوره آموزش MVC

Preface 1

Chapter 1: Interacting with Data: DataSource, Templates,

TabStrip, and Grid 7

Setting up the sample project 8

KendoUI syntax styles 17

Kendo UI MVC – basics 18

Managing data 21

Templates 22

DataSource 24

Model 24

Schema 27

Transport 29

Other DataSource properties 31

DataSource methods 32

DataSource events 34

Getting started with basic usage 35

Page layout 42

Grid 42

Columns 45

Summary 54

Chapter 2: The AutoComplete Widget and its Usage 55

AutoComplete widget – basics 56

Binding AutoComplete to a local source 57

Binding AutoComplete to Remote Data 58

Using AutoComplete with MVC through Models 61

Using AutoComplete with MVC through Ajax 62

Sending data to the server 63

Using Templates to Customize AutoComplete 64

Configuring all of the AutoComplete properties 65

Hooking into AutoComplete widget events 66

Change 67

Close 67

Open 67

Select 67

Using the API AutoComplete methods 67

Close 67

DataItem 68

Destroy 68

Enable 68

Refresh 68

Search 69

Select 69

Suggest 69

Value 69

Summary 70

Chapter 3: Using and Customizing Calendar 71

Calendar widget – basics 71

Configuring the Calendar widget 72

Calendar Widget using MVC 76

Methods available on the Calendar widget 78

Events fired by the Calendar widget 81

Summary 83

Chapter 4: The Kendo MVVM Framework 85

Understanding MVVM – basics 85

Simple data binding 86

Creating the view 87

Creating the Model and View-Model 88

Observable data binding 90

Adding data dynamically 91

Using observable properties in the View 95

Making better use of observable arrays 98

Data-bind properties for Kendo MVVM 102

The attr property 102

The checked property 103

The click property 104

The custom property 106

The disabled/enabled properties 106

The events property 106

The html/text properties 106

The invisible/visible properties 107

The source property 108

The style property 110

The value property 111

Declarative widgets through Data-Role MVVM attributes 112

Summary 114

Chapter 5: HTML Editor and Custom Tools 115

Understanding the HTML Editor 115

Adding and removing buttons from the toolbar 120

Adding the Styles tool 121

Tool for inserting HTML snippets 124

Customizing HTML Editor tools 126

Drop-down list tools 126

Button tools 127

Custom template tools 129

Custom In-line tools 131

Using the HTML Editor API 132

Configuration options 132

Events 133

Summary 134

Chapter 6: Menu and ListView 135

Learning the Menu widget basics 135

Menu items with images 141

Menu items with URLs 143

Menu API configuration options 144

The animation property 144

The direction property 144

Some more options 145

Configuring menu methods 145

The append(), insertAfter(), and insertBefore() methods 146

The close(), enable(), open(), and remove() methods 147

Menu events 147

The Kendo UI ListView 148

ListView basics 148

Selecting elements with ListView 153

Editing elements with ListView 154

ListView API and configuration 156

ListView methods 157

ListView events 158

Summary 159

Chapter 7: Implementing PanelBar and TabStrip 161

PanelBar basics 161

Adding sprite images to PanelBar items 168

Adding URLs to PanelBar items 170

Loading AJAX content with PanelBar 170

Controlling PanelBar animation effects 172

Introducing the TabStrip Widget 172

TabStrip basics 172

Using TabStrip with a datasource 174

Adding images to the TabStrip widget 175

Adding URLs to TabStrip tabs 176

Loading AJAX content with TabStrip 177

Controlling the TabSrip widget's animation effects 178

Summary 179

Chapter 8: Slider Essentials 181

Introducing Slider and RangeSlider 181

Using Slider and RangeSlider with the MVC extension methods 182

Implementing the basics 183

Basic implementation using MVC extension methods 186

Using tooltips and pop-up texts 187

Learning keyboard controls 188

Customizing the user interface of the slider widgets 189

Tooltip customization 189

Customizing tooltip options using MVC extension methods 191

Customizing the default values 191

Customizing tick placement 192

Customizing slider orientation 195

Learning API methods 195

The enable and disable Methods 195

Using the values 196

Using values from a Kendo slider 196

Using values from a Kendo range slider 196

Hooking into events 197

Using the change event 197

The change event for a Kendo slider widget 197

The change event for a Kendo range slider widget 197

The slide event 198

The change and slide events with MVC extension methods 198

Summary 198

Chapter 9: Implementing the Splitter and TreeView Widgets 199

The Splitter widget 199

Learning the Splitter widget 199

Loading content 202

Loading content with AJAX 202

Hooking into Splitter events 203

The collapse event 203

The contentLoad event 204

The expand event 204

The layoutChange event 205

The resize event 205

Making calls to Splitter API methods 206

Getting a reference to the splitter object 206

Using the ajaxRequest method 206

Using the collapse method 207

Using the expand method 207

Using the max and min methods 208

Using the size method 208

Using the toggle method 209

TreeView 209

Learning TreeView 210

Binding to a data source 211

Using drag and drop 212

Configuring animation effects 214

Displaying images 214

Using templates 217

Hooking into TreeView events 218

Making calls to the TreeView API methods 219

Summary 220

Chapter 10: The Upload and Window Widgets 221

Uploading files 221

Learning the Upload widget 222

Enabling asynchronous uploads 224

Uploading multiple files simultaneously 226

Removing uploaded files 227

Tracking upload progress 228

Cancelling an update in progress 228

Using file drag and drop 229

The Kendo UI Window widget 229

Customizing Window actions 231

Loading content with AJAX 234

Using the animation effects 235

Using the Window widget events 238

Using the Window widget API methods 239

Summary 240

Chapter 11: Web API Examples 241

Getting familiar with the ASP.NET Web API 241

Getting familiar with Entity Framework Code First 246

Getting familiar with OData 251

Using DataSourceRequest with Kendo Grid 253

Driving the ListView with Web API 256

Summary 260