ui.root.add
با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
ویجت را به پانل ریشه اضافه می کند.
پانل ریشه را برمی گرداند.
| استفاده | برمی گرداند | ui.root.add(widget) | ui.panel |
| استدلال | تایپ کنید | جزئیات | widget | UI.ویجت | ویجتی که قرار است اضافه شود. |
نمونه ها
ویرایشگر کد (جاوا اسکریپت)
// Replace the default UI widgets with a few custom widgets.
ui.root.clear();
ui.root.add(
ui.Panel({
widgets:[
ui.Label('This is a custom user interface.'),
],
style: {border: '5px solid green'}
})
);
ui.root.add(ui.Map());
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشی‌های سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبت‌شده Oracle و/یا شرکت‌های وابسته به آن است.
تاریخ آخرین به‌روزرسانی 2025-07-24 به‌وقت ساعت هماهنگ جهانی.
[null,null,["تاریخ آخرین به‌روزرسانی 2025-07-24 به‌وقت ساعت هماهنگ جهانی."],[[["\u003cp\u003eThe \u003ccode\u003eui.root\u003c/code\u003e object allows you to add and manage widgets within the main user interface panel.\u003c/p\u003e\n"],["\u003cp\u003eThe \u003ccode\u003eadd()\u003c/code\u003e method specifically inserts a specified widget into the root panel, modifying the display.\u003c/p\u003e\n"],["\u003cp\u003eThe \u003ccode\u003eclear()\u003c/code\u003e method can be used to remove existing widgets, providing flexibility in UI customization.\u003c/p\u003e\n"]]],[],null,["# ui.root.add\n\n\u003cbr /\u003e\n\nAdds a widget to the root panel.\n\n\u003cbr /\u003e\n\nReturns the root panel.\n\n| Usage | Returns |\n|-----------------------|----------|\n| `ui.root.add(widget)` | ui.Panel |\n\n| Argument | Type | Details |\n|----------|-----------|-------------------------|\n| `widget` | ui.Widget | The widget to be added. |\n\nExamples\n--------\n\n### Code Editor (JavaScript)\n\n```javascript\n// Replace the default UI widgets with a few custom widgets.\nui.root.clear();\nui.root.add(\n ui.Panel({\n widgets:[\n ui.Label('This is a custom user interface.'),\n ],\n style: {border: '5px solid green'}\n })\n);\nui.root.add(ui.Map());\n```"]]
