Monthly Archives: November 2017

Download EasyUI for Angular 0.7

Installation

1. Copy/Paste the /easyui/components folder to the reference folder in your project.

2. Open your application module and add a reference to EasyUIModel.


import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';

import { EasyUIModule } from ‘easyui/components/easyui/easyui.module’;

@NgModule({
bootstrap: [
AppComponent
],
declarations: [
AppComponent
],
imports: [
FormsModule,
BrowserModule,
EasyUIModule
]
})
export class AppModule { }

3. Import CSS files.

You can add these CSS files to your index.html file.


Or import them to your app.component.css file.

@import 'easyui/themes/material/easyui.css';
@import 'easyui/themes/angular.css';
@import 'easyui/themes/icon.css';

4. Add components to the app.component.ts file.

import { Component } from '@angular/core';

@Component({
selector: ‘app-root’,
template: `

Basic DataGrid

`
})
export class AppComponent {
data = [
{“code”:”FI-SW-01″,”name”:”Koi”,”unitcost”:10.00,”status”:”P”,”listprice”:36.50,”attr”:”Large”,”itemid”:”EST-1″},
{“code”:”K9-DL-01″,”name”:”Dalmation”,”unitcost”:12.00,”status”:”P”,”listprice”:18.50,”attr”:”Spotted Adult Female”,”itemid”:”EST-10″},
{“code”:”RP-SN-01″,”name”:”Rattlesnake”,”unitcost”:12.00,”status”:”P”,”listprice”:38.50,”attr”:”Venomless”,”itemid”:”EST-11″},
{“code”:”RP-SN-01″,”name”:”Rattlesnake”,”unitcost”:12.00,”status”:”P”,”listprice”:26.50,”attr”:”Rattleless”,”itemid”:”EST-12″},
{“code”:”RP-LI-02″,”name”:”Iguana”,”unitcost”:12.00,”status”:”P”,”listprice”:35.50,”attr”:”Green Adult”,”itemid”:”EST-13″},
{“code”:”FL-DSH-01″,”name”:”Manx”,”unitcost”:12.00,”status”:”P”,”listprice”:158.50,”attr”:”Tailless”,”itemid”:”EST-14″},
{“code”:”FL-DSH-01″,”name”:”Manx”,”unitcost”:12.00,”status”:”P”,”listprice”:83.50,”attr”:”With tail”,”itemid”:”EST-15″},
{“code”:”FL-DLH-02″,”name”:”Persian”,”unitcost”:12.00,”status”:”P”,”listprice”:23.50,”attr”:”Adult Female”,”itemid”:”EST-16″},
{“code”:”FL-DLH-02″,”name”:”Persian”,”unitcost”:12.00,”status”:”P”,”listprice”:89.50,”attr”:”Adult Male”,”itemid”:”EST-17″},
{“code”:”AV-CB-01″,”name”:”Amazon Parrot”,”unitcost”:92.00,”status”:”P”,”listprice”:63.50,”attr”:”Adult Male”,”itemid”:”EST-18″}
];
}

Download EasyUI Package

Freeware Edition

The Freeware Edition is available under Freeware License, you can use it in any freeware-licensed projects. Download Angular EasyUI under freeware license:

Download

Download EasyUI for jQuery 1.5.3

ChangeLog

Bug
  • combobox: The ‘iconCls’ property can not be parsed from the <option> markup. fixed.
  • combobox: Clicking scrollbar will cause the drop-down panel to be hidden in IE. fixed.
  • pagination: The pagination height will shrink when the ‘displayMsg’ property is set to false. fixed.
  • tabs: The tab panel takes a wrong ‘data’ parameter in the ‘onLoad’ event. fixed.
Improvement
  • draggable: Add ‘onEndDrag’ event.
  • resizable: Retrieve more than one resizing directions with different edges.
  • datagrid: Add ‘resizeEdge’ property.
  • datagrid: Avoid the memory leaks.
  • combo: The ‘originalValue’ property value is corrected in multiple mode.
  • form: Add the tagbox to the form fields.
  • tagbox: Add the ‘reset’ method.
  • progress: Increase the response time to open and close the progress message window.

Download EasyUI Package

There are two editions of EasyUI package:

Freeware Edition

The Freeware Edition is available under Freeware License, you can use it in any freeware-licensed projects. Download jQuery EasyUI under freeware license:

Download

Commercial Edition

The Commercial Edition is also available under Commercial License, you can use it in a commercial project.

Purchase

Other Versions

The other released versions of jQuery EasyUI are also available. Click here to view a listing and choose which version you would like to download.