In many user interfaces, especially with grouped or hierarchical selections (like categories, projects, folders), you need more than just a checked or unchecked checkbox. For example: What if only some items in a group are selected? Should the parent checkbox show checked, unchecked… or something else? That’s where the indeterminate state comes in. What is… Continue reading How to Show “Partially Selected” Checkboxes in Vue (Using indeterminate)
Author: Francies Sunny
How to Make a NetSuite Sublist Field Read-Only Using jQuery (LIST Type)
In NetSuite, when using a LIST-type sublist in a Suitelet, setting a field as disabled prevents updates even from scripts like setSublistValue. However, there are cases where you want a field to appear read-only to the user but still update it via script. Here’s a simple JavaScript function that makes a specific sublist field read-only… Continue reading How to Make a NetSuite Sublist Field Read-Only Using jQuery (LIST Type)
Get Record Display Names without JOIN in SuiteQL
When querying NetSuite’s SuiteAnalytics SQL, many record fields are stored as internal IDs (e.g., customer, employee, item). To retrieve the display name or label (just like what’s shown in the NetSuite UI), you can use the powerful BUILTIN.DF() function. What is BUILTIN.DF()? BUILTIN.DF() is a special NetSuite SQL function that returns the default display value… Continue reading Get Record Display Names without JOIN in SuiteQL
Smart BOM Cloning in NetSuite Based on Material Specs
In jewelry manufacturing, BOM duplication for alternate materials—like different gold qualities or diamond grades—is a repetitive yet critical task. To streamline this, we’ve developed a NetSuite Suitelet that allows users to duplicate existing Bill of Materials (BOM) Revisions while automatically substituting components based on selected material specs such as Metal Type, Diamond Color, and Color… Continue reading Smart BOM Cloning in NetSuite Based on Material Specs
Boosting NetSuite with AI: Using the N/llm Module in SuiteScript
NetSuite has introduced an exciting update for developers—the N/llm module—which brings Generative AI directly into your SuiteScript 2.1 environment. This feature lets you interact with powerful Large Language Models (LLMs) like Cohere and Meta Llama via Oracle Cloud Infrastructure (OCI), enabling you to add natural language capabilities to your scripts. 💡 What Can You Do… Continue reading Boosting NetSuite with AI: Using the N/llm Module in SuiteScript
Vue 3 and TypeScript: Advanced Patterns
Integrating TypeScript with Vue 3 can greatly improve the maintainability and robustness of your applications. Using advanced patterns like type-safe components and generics can make your code more predictable and error-resistant. Setting Up Type-Safe Components To make your Vue components type-safe, define the props with TypeScript interfaces. Example: <script lang=”ts” setup> import { defineProps }… Continue reading Vue 3 and TypeScript: Advanced Patterns
Custom Report Deployment in NetSuite Using SDF
In NetSuite, SuiteCloud Development Framework (SDF) is a powerful tool for deploying customizations across accounts. However, when working with custom reports, there’s an important limitation to consider: custom report objects cannot be directly imported into SDF projects. The Challenge Unlike other custom objects that can be imported and managed within an SDF project, custom reports lack… Continue reading Custom Report Deployment in NetSuite Using SDF
Debounced API Calls in Vue 3 with VueUse
Avoid unnecessary API calls while users type by using a debounce. How It Works: useDebounce delays the execution of a reactive value update, reducing load on the backend. Code Example: <script setup> import { ref, watch } from ‘vue’ import { useDebounce } from ‘@vueuse/core’ const search = ref(”) const debounced = useDebounce(search, 500) watch(debounced,… Continue reading Debounced API Calls in Vue 3 with VueUse
Track Mouse Position in Real-Time with VueUse
Want to track the mouse position reactively in your Vue 3 app? With VueUse’s useMouse, it’s incredibly easy. How It Works: useMouse gives you reactive x and y coordinates that update as the mouse moves. Code Example: <script setup> import { useMouse } from ‘@vueuse/core’ const { x, y } = useMouse() </script> <template> <p>Mouse… Continue reading Track Mouse Position in Real-Time with VueUse
Detect Online/Offline Status with VueUse
Want your app to adapt to network changes? Track connectivity easily with useNetwork. How It Works: useNetwork provides a reactive isOnline boolean that updates with your network status. Code Example: <script setup> import { useNetwork } from ‘@vueuse/core’ const { isOnline } = useNetwork() </script> <template> <p v-if=”isOnline”>? You are online</p> <p v-else>? You are… Continue reading Detect Online/Offline Status with VueUse