DevExtreme jQuery - Guid Methods
This section describes methods that control a Guid instance.
ctor()
Creates a new Guid instance that contains a generated GUID.
jQuery
JavaScript
var guid = new DevExpress.data.Guid();
Angular
TypeScript
import Guid from "devextreme/core/guid";
// ...
export class AppComponent {
constructor() {
let guid = new Guid();
}
}Vue
App.vue
<script>
import Guid from 'devextreme/core/guid';
export default {
mounted() {
this.guid = new Guid();
},
// ...
}
</script>React
App.js
// ...
import Guid from 'devextreme/core/guid';
class App extends React.Component {
constructor(props) {
super(props);
this.guid = new Guid();
}
}
export default App;ctor(value)
Creates a new Guid instance that contains the specified GUID.
Parameters:
value:
A string representation of the GUID.
Hyphens in the GUID are optional:
jQuery
JavaScript
var guid = new DevExpress.data.Guid("40810dcc-e08b-10a2-8227-c67c8933c31a");
// or
var guid = new DevExpress.data.Guid("40810dcce08b10a28227c67c8933c31a");Angular
TypeScript
import Guid from "devextreme/core/guid";
// ...
export class AppComponent {
constructor() {
let guid = new Guid("40810dcc-e08b-10a2-8227-c67c8933c31a");
// or
let guid = new Guid("40810dcce08b10a28227c67c8933c31a");
}
}Vue
App.vue
<script>
import Guid from 'devextreme/core/guid';
export default {
mounted() {
this.guid = new Guid("40810dcc-e08b-10a2-8227-c67c8933c31a");
// or
this.guid = new Guid("40810dcce08b10a28227c67c8933c31a");
},
// ...
}
</script>React
App.js
// ...
import Guid from 'devextreme/core/guid';
class App extends React.Component {
constructor(props) {
super(props);
this.guid = new Guid("40810dcc-e08b-10a2-8227-c67c8933c31a");
// or
this.guid = new Guid("40810dcce08b10a28227c67c8933c31a");
}
}
export default App;toString()
Gets the GUID. Works identically to the valueOf() method.
Return Value:
The GUID.
The returned GUID is always hyphened even if the Guid was created with a non-hyphened version:
jQuery
JavaScript
var guid = new DevExpress.data.Guid("40810dcce08b10a28227c67c8933c31a");
console.log(guid.toString()); // logs 40810dcc-e08b-10a2-8227-c67c8933c31aAngular
TypeScript
import Guid from "devextreme/core/guid";
// ...
export class AppComponent {
constructor() {
let guid = new Guid("40810dcce08b10a28227c67c8933c31a");
console.log(guid.toString()); // logs 40810dcc-e08b-10a2-8227-c67c8933c31a
}
}Vue
App.vue
<script>
import Guid from 'devextreme/core/guid';
export default {
mounted() {
this.guid = new Guid("40810dcce08b10a28227c67c8933c31a");
console.log(this.guid.toString()); // logs 40810dcc-e08b-10a2-8227-c67c8933c31a
},
// ...
}
</script>React
App.js
// ...
import Guid from 'devextreme/core/guid';
class App extends React.Component {
constructor(props) {
super(props);
this.guid = new Guid("40810dcce08b10a28227c67c8933c31a");
console.log(this.guid.toString()); // logs 40810dcc-e08b-10a2-8227-c67c8933c31a
}
}
export default App;valueOf()
Gets the GUID. Works identically to the toString() method.
Return Value:
The GUID.
The returned GUID is always hyphened even if the Guid was created with a non-hyphened version:
jQuery
JavaScript
var guid = new DevExpress.data.Guid("40810dcce08b10a28227c67c8933c31a");
console.log(guid.valueOf()); // logs 40810dcc-e08b-10a2-8227-c67c8933c31aAngular
TypeScript
import Guid from "devextreme/core/guid";
// ...
export class AppComponent {
constructor() {
let guid = new Guid("40810dcce08b10a28227c67c8933c31a");
console.log(guid.valueOf()); // logs 40810dcc-e08b-10a2-8227-c67c8933c31a
}
}Vue
App.vue
<script>
import Guid from 'devextreme/core/guid';
export default {
mounted() {
this.guid = new Guid("40810dcce08b10a28227c67c8933c31a");
console.log(this.guid.valueOf()); // logs 40810dcc-e08b-10a2-8227-c67c8933c31a
},
// ...
}
</script>React
App.js
// ...
import Guid from 'devextreme/core/guid';
class App extends React.Component {
constructor(props) {
super(props);
this.guid = new Guid("40810dcce08b10a28227c67c8933c31a");
console.log(this.guid.valueOf()); // logs 40810dcc-e08b-10a2-8227-c67c8933c31a
}
}
export default App;Feedback