Ký hiệu mũi tên béo được sử dụng cho các chức năng ẩn danh i. e cho biểu thức hàm. Chúng còn được gọi là các hàm lambda trong các ngôn ngữ khác
cú pháp
[param1, param2, ..., paramN] => expression
Sử dụng mũi tên béo
function addEventListener[
eventType: string,
listener: Function
]: void;
3, chúng tôi đã loại bỏ nhu cầu sử dụng từ khóa function addEventListener[
eventType: string,
listener: Function
]: void;
4. Các tham số được truyền trong dấu ngoặc đơn function addEventListener[
eventType: string,
listener: Function
]: void;
5 và biểu thức hàm được đặt trong dấu ngoặc nhọn function addEventListener[
eventType: string,
listener: Function
]: void;
6Thí dụ. Chức năng mũi tên béo
Sao chéplet sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
Trong ví dụ trên,
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
0 là một hàm mũi tên. let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
1 biểu thị các loại tham số, let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
2 chỉ định loại trả về. Mũi tên béo function addEventListener[
eventType: string,
listener: Function
]: void;
3 phân tách các tham số hàm và thân hàm. Phía bên phải của function addEventListener[
eventType: string,
listener: Function
]: void;
3 có thể chứa một hoặc nhiều câu lệnh mãHàm mũi tên ở trên
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
0 sẽ được chuyển đổi thành mã JavaScript sauvar sum = function [x, y] {
return x + y;
}
Sau đây là một hàm mũi tên không có tham số
Thí dụ. Hàm mũi tên không tham số
Sao chéplet Print = [] => console.log["Hello TypeScript"];
Print[]; //Output: Hello TypeScript
Hơn nữa, nếu thân hàm chỉ bao gồm một câu lệnh thì không cần dấu ngoặc nhọn và từ khóa trả về, như minh họa bên dưới
Nút hàng đại diện cho một hàng dữ liệu. Nút hàng sẽ chứa tham chiếu đến mục dữ liệu mà ứng dụng của bạn cung cấp cũng như thông tin thời gian chạy khác về hàng. Row Node chứa các thuộc tính, phương thức và phát ra các sự kiện. Các thuộc tính bổ sung được sử dụng nếu Nút hàng là một nhóm
Tất cả các thuộc tính nút hàng
ID duy nhất cho nút. Được cung cấp bởi ứng dụng hoặc được tạo bởi lưới nếu không
Dữ liệu do ứng dụng cung cấp
Đây sẽ là
function addEventListener[
eventType: string,
listener: Function
]: void;
4 nếu nó được chỉ định rowIndex, nếu không thì là function addEventListener[
eventType: string,
listener: Function
]: void;
5Nút cha của nút này hoặc trống nếu cấp cao nhất
Có bao nhiêu cấp độ nút này từ trên cùng khi nhóm
Nút này cách đỉnh bao nhiêu cấp khi nhóm trong UI [chỉ khác với
function addEventListener[
eventType: string,
listener: Function
]: void;
6 khi function addEventListener[
eventType: string,
listener: Function
]: void;
7]function addEventListener[
eventType: string,
listener: Function
]: void;
4 nếu nút này là nút nhóm [tức là có con]'trên cùng' hoặc 'dưới cùng' nếu hàng được ghim, nếu không thì
function addEventListener[
eventType: string,
listener: Function
]: void;
9 hoặc let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
40Chỉ mục của hàng này đối với cha của nó khi nhóm. Thay đổi khi dữ liệu được sắp xếp
function addEventListener[
eventType: string,
listener: Function
]: void;
4 nếu đây là đứa trẻ đầu tiên trong nhóm này. Thay đổi khi dữ liệu được sắp xếpfunction addEventListener[
eventType: string,
listener: Function
]: void;
4 nếu đây là đứa trẻ cuối cùng trong nhóm này. Thay đổi khi dữ liệu được sắp xếpĐược sử dụng bởi mô hình hàng phía máy chủ.
function addEventListener[
eventType: string,
listener: Function
]: void;
4 nếu nút hàng này là sơ khai. Sơ khai là một hàng giữ chỗ có biểu tượng đang tải trong khi chờ hàng được tảicon số. vô giá trị. chưa xác định
Chiều cao, tính bằng pixel, của hàng này
Chỉ số hàng hiện tại. Nếu hàng được lọc ra hoặc trong một nhóm được thu gọn, giá trị này sẽ là
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
40Vị trí trên cùng của hàng tính bằng pixel
Nếu sử dụng bộ lọc nhanh, hãy lưu trữ một chuỗi đại diện cho hàng để tìm kiếm theo
Thuộc tính nút nhóm
{ [Chìa khóa. sợi dây]. không tí nào. vô giá trị; . vô giá trị
Nếu sử dụng nhóm hàng, chứa các giá trị nhóm cho nhóm này
Nếu sử dụng nhóm hàng và tổng hợp, chứa dữ liệu tổng hợp
Khóa cho nhóm, ví dụ: Ireland, UK, USA
Trường chúng tôi đang nhóm trên, ví dụ: 'quốc gia'
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
45Cột nhóm hàng được sử dụng cho nhóm này, e. g. ví dụ cột Quốc gia
Nếu thực hiện nhóm trong bộ nhớ [phía máy khách], đây là chỉ mục của cột nhóm mà ô này dành cho. Điều này sẽ luôn giống như cấp độ, trừ khi chúng tôi đang sụp đổ các nhóm, tôi. e.
function addEventListener[
eventType: string,
listener: Function
]: void;
7let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
47function addEventListener[
eventType: string,
listener: Function
]: void;
4 nếu nhóm được mở rộng, nếu không thì function addEventListener[
eventType: string,
listener: Function
]: void;
5function addEventListener[
eventType: string,
listener: Function
]: void;
4 nếu hàng là chân trang. Chân trang có let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
51 và let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
52Tất cả các nút cấp thấp nhất bên dưới nút này, không có nhóm nào
Trẻ em của nhóm này. Nếu nhiều cấp độ của nhóm, chỉ hiển thị con ngay lập tức
Trẻ em đã lọc của nhóm này
Những đứa trẻ được sắp xếp của nhóm này
Số con và cháu
function addEventListener[
eventType: string,
listener: Function
]: void;
4 nếu nút này là một nhóm và nhóm là mức dưới cùng trong câyNếu sử dụng chân trang, hãy tham khảo nút chân trang cho nhóm này
Phương thức nút hàng
Chọn [hoặc bỏ chọn] nút
54 -let sum = [x: number, y: number]: number => { return x + y; } sum[10, 20]; //returns 30
4 để chọn,function addEventListener[ eventType: string, listener: Function ]: void;
5 để bỏ chọnfunction addEventListener[ eventType: string, listener: Function ]: void;
57 - Nếu chọn thì qualet sum = [x: number, y: number]: number => { return x + y; } sum[10, 20]; //returns 30
4 sẽ chọn riêng nút [i. e. KHÔNG thực hiện đa lựa chọn]. Nếu thực hiện bỏ chọn,function addEventListener[ eventType: string, listener: Function ]: void;
57 không có tác độnglet sum = [x: number, y: number]: number => { return x + y; } sum[10, 20]; //returns 30
40 - Vượt qualet sum = [x: number, y: number]: number => { return x + y; } sum[10, 20]; //returns 30
4 để ngăn chặnfunction addEventListener[ eventType: string, listener: Function ]: void;
42 bị sa thải. Lưu ý rằng sự kiệnlet sum = [x: number, y: number]: number => { return x + y; } sum[10, 20]; //returns 30
43 sẽ vẫn được kích hoạtlet sum = [x: number, y: number]: number => { return x + y; } sum[10, 20]; //returns 30
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
8trả lại
function addEventListener[
eventType: string,
listener: Function
]: void;
4 nếu nút được chọn,function addEventListener[
eventType: string,
listener: Function
]: void;
5 nếu nút không được chọnfunction addEventListener[
eventType: string,
listener: Function
]: void;
9 nếu được chọn một phần [nhóm không phải tất cả trẻ em đều được chọn]let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
2________số 8
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
4Lần đầu tiên
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
47 chạy, lưới tạo ra một chuỗi biểu diễn một lần của hàng. Chuỗi này sau đó được sử dụng cho bộ lọc nhanh thay vì đánh riêng từng cột. Khi bạn chỉnh sửa, sử dụng chỉnh sửa lưới, chuỗi này sẽ bị xóa. Tuy nhiên, nếu bạn chỉnh sửa mà không sử dụng chỉnh sửa lưới, bạn sẽ cần xóa chuỗi này để hàng được cập nhật với các giá trị mới. Nếu không, các giá trị mới sẽ không hoạt động với let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
47let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
5Thực hiện tìm kiếm theo chiều sâu của nút này và các nút con của nó
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
4Đặt chiều cao hàng. Gọi nếu bạn muốn thay đổi chiều cao ban đầu được gán cho hàng. Sau khi gọi, bạn phải gọi
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
49 để lưới biết nó cần tìm ra vị trí của các hànglet sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
0Thay thế dữ liệu trên
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
00. Khi hoàn tất, lưới sẽ làm mới toàn bộ hàng được kết xuất nếu nó đang hiển thị. Xem Cập nhật một hàng phía máy kháchlet sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
2Thay thế giá trị trên
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
00 cho cột được chỉ định. Khi hoàn tất, lưới sẽ chỉ làm mới ô được hiển thị trên hàng được yêu cầu. Xem Cập nhật ô đơn phía máy kháchlet sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
4Trả về lộ trình của nút hàng. Nếu Nút hàng là một nhóm, nó sẽ trả về tuyến đường đến Nút hàng đó. Nếu Row Node không phải là một nhóm, nó sẽ trả về
function addEventListener[
eventType: string,
listener: Function
]: void;
9. Xem Mô hình phía máy chủ. Mở theo mặc địnhlet sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
6Sự kiện nút hàng
Tất cả các sự kiện do
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
00 kích hoạt đều đồng bộ [các sự kiện thường không đồng bộ]. Lưới cũng đang lắng nghe những sự kiện này trong nội bộ. Điều này có nghĩa là khi bạn nhận được một sự kiện, lưới có thể vẫn còn một số việc phải làm [e. g. nếu let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
04 thay đổi, giao diện người dùng lưới có thể vẫn phải cập nhật để phản ánh thay đổi này]. Tốt nhất là bạn không gọi bất kỳ chức năng API lưới nào trong khi nhận các sự kiện từ let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
00 [vì lưới vẫn đang xử lý]. Thay vào đó, tốt nhất là đặt logic của bạn vào thời gian chờ và gọi lưới trong một dấu tích VM khácKhi thêm trình xử lý sự kiện vào một hàng, chúng sẽ ở lại với hàng đó cho đến khi hàng đó bị hủy. Điều này có nghĩa là nếu hàng bị xóa khỏi bộ nhớ [phân trang hoặc phân trang ảo] thì trình nghe sẽ bị xóa. Tương tự, nếu bạn đặt dữ liệu mới vào lưới, tất cả trình nghe trên dữ liệu cũ sẽ bị xóa
Hãy cẩn thận khi thêm trình nghe vào
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
06 trong trình kết xuất ô mà bạn xóa trình nghe khi hàng được kết xuất bị hủy do ảo hóa hàng. Bạn có thể phục vụ cho việc này như sauSự kiện trên nút hàng
Các sự kiện sau đây có thể được nghe trên
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
06Hàng đã được chọn hoặc không được chọn
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
20Chuột đã vào hàng
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
21let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
22Một giá trị ô đã thay đổi
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
23let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
08 đã thay đổilet sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
24let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
25let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
26let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
27let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
28let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
29function addEventListener[
eventType: string,
listener: Function
]: void;
0function addEventListener[
eventType: string,
listener: Function
]: void;
1let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
09function addEventListener[
eventType: string,
listener: Function
]: void;
2function addEventListener[
eventType: string,
listener: Function
]: void;
3ID nút hàng
Mỗi Row Node được xác định bởi một ID duy nhất. ID của Nút hàng được lưới sử dụng để xác định hàng và có thể được ứng dụng của bạn sử dụng để tra cứu Nút hàng bằng cách sử dụng API lưới
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
20ID được gán lưới
Theo mặc định, ID được chỉ định bởi lưới khi dữ liệu được đặt vào lưới. Lưới sử dụng một chuỗi bắt đầu từ 0 và tăng dần lên 1 để chỉ định ID hàng, vì vậy, ví dụ: nếu có ba hàng thì chúng sẽ có ID là
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
21, let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
22 và let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
23. ID hàng không đổi miễn là mục dữ liệu tồn tại trong lướiKhi sử dụng Nhóm hàng, lưới sẽ gán ID cho các nhóm hàng khi các nhóm hàng được tạo. Nó lại sử dụng một chuỗi khác bắt đầu từ 0 và tăng dần lên 1 và cũng thêm tiền tố vào số thứ tự là
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
24. Vì vậy, nếu ví dụ có ba nhóm, họ sẽ có ID là let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
25, let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
26 và let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
27. Nếu các nhóm bị hủy [ví dụ: người dùng xóa nhóm] và được tạo lại [nhóm người dùng theo cột] thì ID mới sẽ được tạo e. g. let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
28, let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
29 và let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
40. Giống như các hàng thông thường, ID của các hàng trong nhóm không thay đổi miễn là nhóm hàng đó tồn tại, tuy nhiên, việc xóa và thêm lại nhóm sẽ dẫn đến ID của nhóm hàng mới ngay cả khi nhóm hàng đại diện cho cùng một nhóm như trướcTrong một số ứng dụng, rất hữu ích khi cho lưới biết ID nào sẽ sử dụng cho các hàng cụ thể. Ví dụ: nếu bạn đang hiển thị nhân viên, bạn có thể định cấu hình lưới để sử dụng ID nhân viên làm ID nút hàng. Điều đó sau đó sẽ cho phép gọi API lưới
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
20 với ID nhân viênĐể lưới sử dụng ID được gán cho ứng dụng, hãy triển khai gọi lại lưới
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
42. Cuộc gọi lại sẽ trả về ID cho một phần dữ liệu hàng cụ thể. Ví dụ: đoạn mã sau trả về giá trị của thuộc tính let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
43 cho mục dữ liệu được cung cấpKhi cung cấp ID, các quy tắc sau phải được tuân theo
- ID phải là duy nhất
- ID không được thay đổi
Nếu thuộc tính bạn định sử dụng làm ID không phải là duy nhất hoặc thay đổi, nó sẽ gây ra hành vi không xác định trong lưới. Nói cách khác, không sử dụng trường không phải là duy nhất hoặc có thể thay đổi
Nếu sử dụng Nhóm hàng, lưới sẽ luôn chỉ định ID cho cấp độ nhóm [vì không có ánh xạ một đối một với dữ liệu hàng do ứng dụng cung cấp]. Cuộc gọi lại
let sum = [x: number, y: number]: number => {
return x + y;
}
sum[10, 20]; //returns 30
42 chỉ được sử dụng cho các hàng cấp độ không thuộc nhóm